diff --git a/src/frontend/app/events/home.jsx b/src/frontend/app/events/home.jsx
index 8abc63a..48d9480 100644
--- a/src/frontend/app/events/home.jsx
+++ b/src/frontend/app/events/home.jsx
@@ -52,6 +52,7 @@ export default function Home() {
// States
const [ map, setMap ] = useState(null);
const [ preview, setPreview ] = useState(true);
+ const [ eventsListTab, setEventsListTab ] = useState('active');
const [ event, dispatch ] = useReducer(reducer, getInitialEvent());
// Selectors
@@ -140,7 +141,7 @@ export default function Home() {
setAlertContext={setAlertContext} />
: <>
Events
-
+
diff --git a/src/frontend/app/shared/Tabs.jsx b/src/frontend/app/shared/Tabs.jsx
index 68a1514..2f7f396 100644
--- a/src/frontend/app/shared/Tabs.jsx
+++ b/src/frontend/app/shared/Tabs.jsx
@@ -16,8 +16,9 @@ const getDefault = (children) => {
export const TabContext = createContext('');
-export default function Tabs({ children, onChange, hideSingleTabHandle }) {
- const [currentTab, setCurrentTab] = useState(getDefault(children));
+export default function Tabs({ children, value, onChange, hideSingleTabHandle }) {
+ const [internalTab, setInternalTab] = useState(() => getDefault(children));
+ const currentTab = value ?? internalTab;
let tabs = Array.isArray(children) ? children : [children];
tabs = tabs.filter((child) => child);
@@ -40,7 +41,7 @@ export default function Tabs({ children, onChange, hideSingleTabHandle }) {
onClick={(e) => {
e.stopPropagation();
if (currentTab !== name) {
- setCurrentTab(name);
+ setInternalTab(name);
onChange?.(name);
}
}}