29860482a6
* Extract CategorySelect usage into hook * Extract logic to change manga in library state into hook * Change manga in library state on long press when browsing source
44 lines
1.5 KiB
TypeScript
44 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 { useMemo, useState } from 'react';
|
|
import { CategorySelect, CategorySelectProps } from '@/components/navbar/action/CategorySelect.tsx';
|
|
|
|
export const useCategorySelect = ({
|
|
mangaId,
|
|
mangaIds,
|
|
onClose,
|
|
addToLibrary,
|
|
}: Omit<CategorySelectProps, 'open' | 'onClose'> & Pick<Partial<CategorySelectProps>, 'onClose'>) => {
|
|
const [isCategorySelectOpen, setIsCategorySelectOpen] = useState(false);
|
|
|
|
const CategorySelectComponent = useMemo(() => {
|
|
if (!isCategorySelectOpen) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<CategorySelect
|
|
open={isCategorySelectOpen}
|
|
onClose={(...args) => {
|
|
setIsCategorySelectOpen(false);
|
|
onClose?.(...args);
|
|
}}
|
|
mangaId={mangaId!} // either mangaId or mangaIds is undefined, however, ts is not able to infer it correctly and raises an error
|
|
mangaIds={mangaIds as undefined}
|
|
addToLibrary={addToLibrary}
|
|
/>
|
|
);
|
|
}, [mangaId, mangaIds, addToLibrary, onClose, isCategorySelectOpen]);
|
|
|
|
return {
|
|
openCategorySelect: setIsCategorySelectOpen,
|
|
CategorySelectComponent,
|
|
};
|
|
};
|