mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-08-03 03:44:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

Refactor filter modal logic in profiles-home: replace openFiltersModal with openDockedFilters and openFiltersSlideOver for persistent state and better desktop/mobile handling.

Browse Source
This commit is contained in:
MartinBraquet
2026-08-01 16:30:45 +02:00
parent 9bf1d1b8a3
commit 3f2cfeb432
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/profiles/profiles-home.tsx
View File

@@ -98,7 +98,6 @@ export function ProfilesHome() {
'profiles-home-show-early-banner',
7 * DAY_MS,
)
const [openFiltersModal, setOpenFiltersModal] = useState(false)
const [highlightFilters, setHighlightFilters] = useState(false)
const [highlightSort, setHighlightSort] = useState(false)
const searchInputRef = useRef<HTMLInputElement>(null)
@@ -115,6 +114,16 @@ export function ProfilesHome() {
mql.addEventListener('change', update)
return () => mql.removeEventListener('change', update)
}, [])
// Remembered across visits so people who browse with the filters open get them back.
// Desktop only: on mobile the panel is a full-screen slide-over, and restoring that on
// load would hide the grid behind a modal, so there it stays session state.
const [openDockedFilters, setOpenDockedFilters] = usePersistentLocalState<boolean>(
false,
'profiles-filters-open',
)
const [openFiltersSlideOver, setOpenFiltersSlideOver] = useState(false)
const openFiltersModal = isDesktop ? openDockedFilters : openFiltersSlideOver
const setOpenFiltersModal = isDesktop ? setOpenDockedFilters : setOpenFiltersSlideOver
const [sendScrollWarning, setSendScrollWarning] = useState(true)
const [recentlyHiddenIds, setRecentlyHiddenIds] = useState<string[]>([])
const {refreshHiddenProfiles} = useHiddenProfiles()