suwayomi-material-you-webui/src/components/context/NavbarContext.tsx

/*
 * 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 '@/typings';

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>>;

    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 => {},
    bottomBarHeight: 0,
    setBottomBarHeight: (): void => {},
});

export const useNavBarContext = () => useContext(NavBarContext);