Move collection files into new folder

src/modules/collection/components/SelectableCollectionSelectMode.tsx

@@ -0,0 +1,55 @@
+/*
+ * 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 Tooltip from '@mui/material/Tooltip';
+import Checkbox from '@mui/material/Checkbox';
+import { useTranslation } from 'react-i18next';
+import ClearIcon from '@mui/icons-material/Clear';
+import { SelectableCollectionSelectAll } from '@/modules/collection/components/SelectableCollectionSelectAll.tsx';
+
+export const SelectableCollectionSelectMode = ({
+    isActive,
+    areAllItemsSelected,
+    areNoItemsSelected,
+    onSelectAll,
+    onModeChange,
+}: {
+    isActive: boolean;
+    areAllItemsSelected: boolean;
+    areNoItemsSelected: boolean;
+    onSelectAll: (selectAll: boolean) => void;
+    onModeChange: (checked: boolean) => void;
+}) => {
+    const { t } = useTranslation();
+
+    return (
+        <>
+            {isActive && (
+                <SelectableCollectionSelectAll
+                    areAllItemsSelected={areAllItemsSelected}
+                    areNoItemsSelected={areNoItemsSelected}
+                    onChange={onSelectAll}
+                />
+            )}
+            <Tooltip title={t(!isActive ? 'global.button.select_all' : 'global.button.cancel')}>
+                <Checkbox
+                    checkedIcon={<ClearIcon />}
+                    sx={{
+                        padding: '8px',
+                        color: 'inherit',
+                        '&.Mui-checked': {
+                            color: 'inherit',
+                        },
+                    }}
+                    checked={isActive}
+                    onChange={(_, checked) => onModeChange(checked)}
+                />
+            </Tooltip>
+        </>
+    );
+};