b80622cb17
Due to the reader and the "default" nav bar updating the same navbar width in the context, the grid item width calculation resulted in different grid item widths, which caused the items to "jump" after closing the reader
65 lines
1.9 KiB
TypeScript
65 lines
1.9 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 } 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>>;
|
|
|
|
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);
|