From 2c0b7a64084d23c71a9809a0701e7ce3fac9f70c Mon Sep 17 00:00:00 2001 From: vicke4 Date: Tue, 1 Jul 2025 14:32:17 +0530 Subject: [PATCH 1/2] feat: persistent event tab selection --- .../websites/[websiteId]/events/EventsPage.tsx | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx b/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx index 285a230e..259e77be 100644 --- a/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx +++ b/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx @@ -9,16 +9,22 @@ import { useMessages } from '@/components/hooks'; import { Item, Tabs } from 'react-basics'; import { useState } from 'react'; import EventProperties from './EventProperties'; +import { getItem, setItem } from '@/lib/storage'; export default function EventsPage({ websiteId }) { const [label, setLabel] = useState(null); - const [tab, setTab] = useState('activity'); + const [tab, setTab] = useState(getItem('eventTab') || 'activity'); const { formatMessage, labels } = useMessages(); const handleLabelClick = (value: string) => { setLabel(value !== label ? value : ''); }; + const onSelect = (value: any) => { + setItem('eventTab', value); + setTab(value); + }; + return ( <> @@ -34,11 +40,7 @@ export default function EventsPage({ websiteId }) { />
- setTab(value)} - style={{ marginBottom: 30 }} - > + {formatMessage(labels.activity)} {formatMessage(labels.properties)} From 60c310fd7732efb0ae3937eaf08bdae41791c13a Mon Sep 17 00:00:00 2001 From: Mike Cao Date: Mon, 21 Jul 2025 00:46:12 -0700 Subject: [PATCH 2/2] Apply suggestion from @greptile-apps[bot] Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> --- src/app/(main)/websites/[websiteId]/events/EventsPage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx b/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx index 259e77be..46970b51 100644 --- a/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx +++ b/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx @@ -20,7 +20,7 @@ export default function EventsPage({ websiteId }) { setLabel(value !== label ? value : ''); }; - const onSelect = (value: any) => { + const onSelect = (value: 'activity' | 'properties') => { setItem('eventTab', value); setTab(value); };