From 2c0b7a64084d23c71a9809a0701e7ce3fac9f70c Mon Sep 17 00:00:00 2001
From: vicke4 <ganapathy.v2@gmail.com>
Date: Tue, 1 Jul 2025 14:32:17 +0530
Subject: [PATCH] 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 (
     <>
       <WebsiteHeader websiteId={websiteId} />
@@ -34,11 +40,7 @@ export default function EventsPage({ websiteId }) {
         />
       </GridRow>
       <div>
-        <Tabs
-          selectedKey={tab}
-          onSelect={(value: any) => setTab(value)}
-          style={{ marginBottom: 30 }}
-        >
+        <Tabs selectedKey={tab} onSelect={onSelect} style={{ marginBottom: 30 }}>
           <Item key="activity">{formatMessage(labels.activity)}</Item>
           <Item key="properties">{formatMessage(labels.properties)}</Item>
         </Tabs>