Replace "useCategorySelect" with "GlobalDialogManager"

src/features/category/components/CategorySelect.tsx

@@ -37,8 +37,8 @@ import { AppRoutes } from '@/base/AppRoute.constants.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';
 
 type BaseProps = {
-    open: boolean;
-    onClose: (didUpdateCategories: boolean, addToCategories?: number[], removeFromCategories?: number[]) => void;
+    onCancel: () => void;
+    onConfirm: (selectedCategories: { addToCategories?: number[]; removeFromCategories?: number[] }) => void;
 };
 
 type SingleMangaModeProps = {
@@ -94,7 +94,7 @@ const getCategoryCheckedState = (
 export function CategorySelect(props: CategorySelectProps) {
     const { t } = useTranslation();
 
-    const { open, onClose, mangaId, mangaIds: passedMangaIds, addToLibrary = false } = props;
+    const { onCancel, onConfirm, mangaId, mangaIds: passedMangaIds, addToLibrary = false } = props;
 
     const isSingleSelectionMode = mangaId !== undefined;
     const mangaIds = passedMangaIds ?? [mangaId];
@@ -137,7 +137,7 @@ export function CategorySelect(props: CategorySelectProps) {
     const handleCancel = () => {
         setSelectionForKey('categoriesToAdd', mangaCategoryIds);
         setSelectionForKey('categoriesToRemove', []);
-        onClose(false);
+        onCancel();
     };
 
     const handleOk = () => {
@@ -148,7 +148,10 @@ export function CategorySelect(props: CategorySelectProps) {
             ? mangaCategoryIds.filter((categoryId) => !categoriesToAdd.includes(categoryId))
             : categoriesToRemove;
 
-        onClose(true, addToCategories, removeFromCategories);
+        onConfirm({
+            addToCategories,
+            removeFromCategories,
+        });
 
         if (doNotShowAddToLibraryDialogAgain) {
             updateMetadataServerSettings('showAddToLibraryCategorySelectDialog', false).catch((e) =>
@@ -183,7 +186,7 @@ export function CategorySelect(props: CategorySelectProps) {
                 },
             }}
             maxWidth="xs"
-            open={open}
+            open
             onClose={handleCancel}
         >
             <DialogTitle>{t('category.title.set_categories')}</DialogTitle>

src/features/category/hooks/useCategorySelect.tsx

@@ -1,43 +0,0 @@
-/*
- * 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 '@/features/category/components/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,
-    };
-};