79b2305e54
* Pass optional browser tab only title Makes it possible to have a different title for the "NavBar" and the browser tab * Show number of items in category and library --------- Co-authored-by: schroda <github@dasch.simplelogin.com>
52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
/*
|
|
* 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, useEffect } from 'react';
|
|
import { INavbarOverride } from 'typings';
|
|
|
|
type ContextType = {
|
|
// Default back button url
|
|
defaultBackTo: string | undefined;
|
|
setDefaultBackTo: React.Dispatch<React.SetStateAction<string | undefined>>;
|
|
|
|
// AppBar title
|
|
title: string | React.ReactNode;
|
|
setTitle: (title: ContextType['title'], browserTitle?: string) => void;
|
|
|
|
// 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>>;
|
|
};
|
|
|
|
const NavBarContext = React.createContext<ContextType>({
|
|
defaultBackTo: undefined,
|
|
setDefaultBackTo: (): void => {},
|
|
title: 'Tachidesk',
|
|
setTitle: (): void => {},
|
|
action: <div />,
|
|
setAction: (): void => {},
|
|
override: { status: false, value: <div /> },
|
|
setOverride: (): void => {},
|
|
});
|
|
|
|
export default NavBarContext;
|
|
|
|
export const useNavBarContext = () => useContext(NavBarContext);
|
|
|
|
export const useSetDefaultBackTo = (value: string) => {
|
|
const { setDefaultBackTo } = useNavBarContext();
|
|
|
|
useEffect(() => {
|
|
setDefaultBackTo(value);
|
|
return () => setDefaultBackTo(undefined);
|
|
}, [value]);
|
|
};
|