feat: persist catalog layout globally

KaotoIO · Oct 17, 2023 · 279bcc8 · 279bcc8
1 parent a1c5ca6
commit 279bcc8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/ui/src/components/Catalog/Catalog.tsx b/packages/ui/src/components/Catalog/Catalog.tsx
@@ -1,4 +1,6 @@
 import { FunctionComponent, PropsWithChildren, useCallback, useEffect, useState } from 'react';
+import { useLocalStorage } from '../../hooks';
+import { LocalStorageKeys } from '../../models';
 import { BaseCatalog } from './BaseCatalog';
 import { CatalogLayout, ITile } from './Catalog.models';
 import './Catalog.scss';
@@ -15,7 +17,7 @@ export const Catalog: FunctionComponent<PropsWithChildren<CatalogProps>> = (prop
   const [searchTerm, setSearchTerm] = useState('');
   const [groups, setGroups] = useState<string[]>([]);
   const [activeGroup, setActiveGroup] = useState<string>(getFirstActiveGroup(props.tiles));
-  const [activeLayout, setActiveLayout] = useState(CatalogLayout.Gallery);
+  const [activeLayout, setActiveLayout] = useLocalStorage(LocalStorageKeys.CatalogLayout, CatalogLayout.Gallery);
   const [filteredTiles, setFilteredTiles] = useState<ITile[]>([]);
   const [filterTags, setFilterTags] = useState<string[]>([]);
 

diff --git a/packages/ui/src/models/local-storage-keys.ts b/packages/ui/src/models/local-storage-keys.ts
@@ -1,3 +1,4 @@
 export const enum LocalStorageKeys {
   SourceCode = 'sourceCode',
+  CatalogLayout = 'catalogLayout',
 }