diff --git a/src/renderer/features/albums/routes/album-list-route.tsx b/src/renderer/features/albums/routes/album-list-route.tsx index 3b206648f..4bc69cbdf 100644 --- a/src/renderer/features/albums/routes/album-list-route.tsx +++ b/src/renderer/features/albums/routes/album-list-route.tsx @@ -1,6 +1,6 @@ /* eslint-disable no-plusplus */ import { useState, useCallback, useMemo } from 'react'; -import { Group, Checkbox, Box, Slider } from '@mantine/core'; +import { Group, Box, Slider } from '@mantine/core'; import { useDebouncedValue, useSetState, useToggle } from '@mantine/hooks'; import { useQueryClient } from '@tanstack/react-query'; import { AnimatePresence, motion } from 'framer-motion'; @@ -234,19 +234,31 @@ export const AlbumListRoute = () => { - setFilters({ serverFolderId: e })} - > - {serverFolders?.map((folder) => ( - - ))} - + {serverFolders?.map((folder) => ( + { + if (filters.serverFolderId.includes(folder.id)) { + setFilters({ + serverFolderId: filters.serverFolderId.filter( + (id) => id !== folder.id + ), + }); + } else { + setFilters({ + serverFolderId: [ + ...filters.serverFolderId, + folder.id, + ], + }); + } + }} + > + {folder.name} + + ))}