Improve manga grid/list rendering

2025-01-13 01:29:40 +01:00
parent 63a6cfcfb3
commit 74c61a5a29
6 changed files with 372 additions and 363 deletions
--- a/src/modules/library/screens/Library.tsx
+++ b/src/modules/library/screens/Library.tsx
@@ -122,10 +122,13 @@ export function Library() {
        currentKey: activeTab?.id.toString(),
    });

-    const handleSelect: typeof handleSelection = (id, selected, selectOptions) => {
-        setIsSelectModeActive(!!(selectedItemIds.length + (selected ? 1 : -1)));
-        handleSelection(id, selected, selectOptions);
-    };
+    const handleSelect: typeof handleSelection = useCallback(
+        (id, selected, selectOptions) => {
+            setIsSelectModeActive(!!(selectedItemIds.length + (selected ? 1 : -1)));
+            handleSelection(id, selected, selectOptions);
+        },
+        [setIsSelectModeActive, handleSelection],
+    );

    const selectedMangas = useMemo(
        () =>
@@ -212,7 +215,6 @@ export function Library() {
        isSelectModeActive,
        areNoItemsSelected,
        areAllItemsSelected,
-        selectedItemIds.length,
        mangas.length,
        activeTab,
        showTabSize,