Spaces:
Build error
Build error
File size: 2,412 Bytes
0bfe2e3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
'use client';
import React, { createContext, useContext, useState, useEffect } from 'react';
export const VALID_MENUS = [
'about',
'services',
'addons',
'filters',
'sorting',
'formatter',
'proxy',
'miscellaneous',
'save-install',
];
export type MenuId = (typeof VALID_MENUS)[number];
type MenuContextType = {
selectedMenu: MenuId;
setSelectedMenu: (menu: MenuId) => void;
nextMenu: () => void;
previousMenu: () => void;
firstMenu: MenuId;
lastMenu: MenuId;
};
const MenuContext = createContext<MenuContextType>({
selectedMenu: 'about',
setSelectedMenu: () => {},
nextMenu: () => {},
previousMenu: () => {},
firstMenu: 'about',
lastMenu: 'save-install',
});
export function MenuProvider({ children }: { children: React.ReactNode }) {
// Get initial menu from URL or default to 'about'
const initialMenu = (() => {
if (typeof window !== 'undefined') {
const url = new URL(window.location.href);
const menu = url.searchParams.get('menu');
if (menu && VALID_MENUS.includes(menu)) {
return menu as MenuId;
}
}
return 'about';
})();
const [selectedMenu, setInternalSelectedMenu] = useState<MenuId>(initialMenu);
const setSelectedMenu = (menu: MenuId) => {
// reset scroll position
window.scrollTo(0, 0);
setInternalSelectedMenu(menu);
};
const firstMenu = VALID_MENUS[0];
const lastMenu = VALID_MENUS[VALID_MENUS.length - 1];
const nextMenu = () => {
const currentIndex = VALID_MENUS.indexOf(selectedMenu);
const nextIndex = (currentIndex + 1) % VALID_MENUS.length;
setSelectedMenu(VALID_MENUS[nextIndex]);
};
const previousMenu = () => {
const currentIndex = VALID_MENUS.indexOf(selectedMenu);
const previousIndex =
(currentIndex - 1 + VALID_MENUS.length) % VALID_MENUS.length;
setSelectedMenu(VALID_MENUS[previousIndex]);
};
// Update URL when menu changes
useEffect(() => {
const url = new URL(window.location.href);
url.searchParams.set('menu', selectedMenu);
window.history.replaceState({}, '', url.toString());
}, [selectedMenu]);
return (
<MenuContext.Provider
value={{
selectedMenu,
setSelectedMenu,
nextMenu,
previousMenu,
firstMenu,
lastMenu,
}}
>
{children}
</MenuContext.Provider>
);
}
export const useMenu = () => useContext(MenuContext);
|