Move navigation-bar files into new folder

src/modules/navigation-bar/contexts/NavBarContextProvider.tsx

@@ -0,0 +1,83 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import React, { useCallback, useMemo, useState } from 'react';
+import { NavBarContext } from '@/modules/navigation-bar/contexts/NavbarContext.tsx';
+import { useHistory } from '@/modules/core/hooks/useHistory.ts';
+import { useLocalStorage } from '@/modules/core/hooks/useStorage.tsx';
+import { INavbarOverride } from '@/modules/navigation-bar/NavigationBar.types.ts';
+
+interface IProps {
+    children: React.ReactNode;
+}
+
+export function NavBarContextProvider({ children }: IProps) {
+    const [title, setTitle] = useState<string | React.ReactNode>('Suwayomi');
+    const [action, setAction] = useState<any>(<div />);
+    const [appBarHeight, setAppBarHeight] = useState(0);
+    const [override, setOverride] = useState<INavbarOverride>({
+        status: false,
+        value: <div />,
+    });
+    const [isCollapsed, setIsCollapsed] = useLocalStorage('NavBar::isCollapsed', false);
+    const [navBarWidth, setNavBarWidth] = useState(0);
+    const [readerNavBarWidth, setReaderNavBarWidth] = useState(0);
+    const [bottomBarHeight, setBottomBarHeight] = useState(0);
+
+    const history = useHistory();
+
+    const updateTitle = useCallback(
+        (newTitle: string | React.ReactNode, browserTitle: string = typeof newTitle === 'string' ? newTitle : '') => {
+            document.title = `${browserTitle} - Suwayomi`;
+            setTitle(newTitle);
+        },
+        [setTitle],
+    );
+
+    const value = useMemo(
+        () => ({
+            history,
+            title,
+            setTitle: updateTitle,
+            appBarHeight,
+            setAppBarHeight,
+            action,
+            setAction,
+            override,
+            setOverride,
+            isCollapsed,
+            setIsCollapsed,
+            navBarWidth,
+            setNavBarWidth,
+            readerNavBarWidth,
+            setReaderNavBarWidth,
+            bottomBarHeight,
+            setBottomBarHeight,
+        }),
+        [
+            history,
+            title,
+            updateTitle,
+            appBarHeight,
+            setAppBarHeight,
+            action,
+            setAction,
+            override,
+            setOverride,
+            isCollapsed,
+            setIsCollapsed,
+            navBarWidth,
+            setNavBarWidth,
+            readerNavBarWidth,
+            setReaderNavBarWidth,
+            bottomBarHeight,
+            setBottomBarHeight,
+        ],
+    );
+    return <NavBarContext.Provider value={value}>{children}</NavBarContext.Provider>;
+}

src/modules/navigation-bar/contexts/NavbarContext.tsx

@@ -0,0 +1,65 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import React, { useContext } from 'react';
+
+import { INavbarOverride } from '@/modules/navigation-bar/NavigationBar.types.ts';
+
+type ContextType = {
+    history: string[];
+
+    // AppBar title
+    title: string | React.ReactNode;
+    setTitle: (title: ContextType['title'], browserTitle?: string) => void;
+
+    appBarHeight: number;
+    setAppBarHeight: React.Dispatch<React.SetStateAction<number>>;
+
+    // AppBar action buttons
+    action: any;
+    setAction: React.Dispatch<React.SetStateAction<any>>;
+
+    // Allow default navbar to be overrided
+    override: INavbarOverride;
+    setOverride: React.Dispatch<React.SetStateAction<INavbarOverride>>;
+
+    // NavBar
+    isCollapsed: boolean;
+    setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+
+    navBarWidth: number;
+    setNavBarWidth: React.Dispatch<React.SetStateAction<number>>;
+
+    readerNavBarWidth: number;
+    setReaderNavBarWidth: React.Dispatch<React.SetStateAction<number>>;
+
+    bottomBarHeight: number;
+    setBottomBarHeight: React.Dispatch<React.SetStateAction<number>>;
+};
+
+export const NavBarContext = React.createContext<ContextType>({
+    history: [],
+    title: 'Suwayomi',
+    setTitle: (): void => {},
+    appBarHeight: 0,
+    setAppBarHeight: (): void => {},
+    action: <div />,
+    setAction: (): void => {},
+    override: { status: false, value: <div /> },
+    setOverride: (): void => {},
+    isCollapsed: false,
+    setIsCollapsed: (): void => {},
+    navBarWidth: 0,
+    setNavBarWidth: (): void => {},
+    readerNavBarWidth: 0,
+    setReaderNavBarWidth: (): void => {},
+    bottomBarHeight: 0,
+    setBottomBarHeight: (): void => {},
+});
+
+export const useNavBarContext = () => useContext(NavBarContext);