Hide "select" button while no items are available

src/modules/chapter/components/ChapterList.tsx

@@ -210,11 +210,13 @@ export const ChapterList = ({
                                 unreadChapters={Chapters.getNonRead(chapters)}
                             />
                         )}
+                        {!!visibleChapterIds.length && (
                             <SelectableCollectionSelectAll
                                 areAllItemsSelected={areAllItemsSelected}
                                 areNoItemsSelected={areNoItemsSelected}
                                 onChange={(checked) => handleSelectAll(checked, checked ? visibleChapterIds : [])}
                             />
+                        )}
                     </Stack>
                 </ChapterListHeader>
 

src/modules/library/screens/Library.tsx

@@ -181,11 +181,14 @@ export function Library() {
                     <UpdateChecker categoryId={activeTab?.id} />
                 </>
             )}
+            {!!mangas.length && (
                 <SelectableCollectionSelectMode
                     isActive={isSelectModeActive}
                     areAllItemsSelected={areAllItemsSelected}
                     areNoItemsSelected={areNoItemsSelected}
-                onSelectAll={(selectAll) => handleSelectAll(selectAll, [...new Set(mangas.map((manga) => manga.id))])}
+                    onSelectAll={(selectAll) =>
+                        handleSelectAll(selectAll, [...new Set(mangas.map((manga) => manga.id))])
+                    }
                     onModeChange={(checked) => {
                         setIsSelectModeActive(checked);
 
@@ -196,8 +199,9 @@ export function Library() {
                         }
                     }}
                 />
+            )}
         </>,
-        [isSelectModeActive, areNoItemsSelected, areAllItemsSelected, activeTab],
+        [isSelectModeActive, areNoItemsSelected, areAllItemsSelected, activeTab, mangas.length],
     );
 
     const handleTabChange = (newTab: number) => {