diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2026-09-11 09:30:30 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2026-09-11 09:30:30 -0400 |
| commit | 9138886fd5315eb0e8c6a4a549a9d44f93ba3cde (patch) | |
| tree | a305c99a6c7f91ca64deea0179400981c7226e5d /src/components | |
| parent | 18af8d1de5c7d12af674018ce819cc91480cf51a (diff) | |
| download | decky-lsfg-vk-9138886fd5315eb0e8c6a4a549a9d44f93ba3cde.tar.gz decky-lsfg-vk-9138886fd5315eb0e8c6a4a549a9d44f93ba3cde.zip | |
consistent tab collapsed toggles on flatpak
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FlatpakTab.tsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx index 31bfc2d..b46eb28 100644 --- a/src/components/FlatpakTab.tsx +++ b/src/components/FlatpakTab.tsx @@ -20,6 +20,9 @@ interface Props { onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise<boolean>; } +const ENABLED_COLLAPSED_KEY = "lsfg-flatpak-enabled-collapsed-v2"; +const AVAILABLE_COLLAPSED_KEY = "lsfg-flatpak-available-collapsed-v2"; + function usePersistentCollapsed(key: string) { const [collapsed, setCollapsed] = useState(() => { try { @@ -55,8 +58,8 @@ export function FlatpakTab({ [apps, selectedAppId], ); const close = useCallback(() => setSelectedAppId(null), []); - const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed("lsfg-flatpak-enabled-collapsed-v1"); - const [availableCollapsed, toggleAvailable] = usePersistentCollapsed("lsfg-flatpak-available-collapsed-v1"); + const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(ENABLED_COLLAPSED_KEY); + const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY); const enabledToggleRef = useRef<HTMLDivElement>(null); const enabledApps = useMemo( |