persist expanded engines (closes #232)

franciscoBSalgueiro · Mar 1, 2024 · b5ca713 · b5ca713
1 parent 41ea97b
commit b5ca713
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/atoms/atoms.ts b/src/atoms/atoms.ts
@@ -205,9 +205,9 @@ export const missingMovesAtom = atomWithStorage<TabMap<MissingMove[] | null>>(
   createJSONStorage(() => sessionStorage),
 );
 
-function tabValue<T extends object | string | boolean | number>(
-  family: AtomFamily<string, PrimitiveAtom<T>>,
-) {
+function tabValue<
+  T extends object | string | boolean | number | null | undefined,
+>(family: AtomFamily<string, PrimitiveAtom<T>>) {
   return atom(
     (get) => {
       const tab = get(currentTabAtom);
@@ -283,6 +283,11 @@ export const currentDbTabAtom = tabValue(dbTabFamily);
 const analysisTabFamily = atomFamily((tab: string) => atom("engines"));
 export const currentAnalysisTabAtom = tabValue(analysisTabFamily);
 
+const expandedEnginesFamily = atomFamily((tab: string) =>
+  atom<string[] | undefined>(undefined),
+);
+export const currentExpandedEnginesAtom = tabValue(expandedEnginesFamily);
+
 const pgnOptionsFamily = atomFamily((tab: string) =>
   atom({
     comments: true,

diff --git a/src/components/panels/analysis/AnalysisPanel.tsx b/src/components/panels/analysis/AnalysisPanel.tsx
@@ -2,6 +2,7 @@ import {
   activeTabAtom,
   allEnabledAtom,
   currentAnalysisTabAtom,
+  currentExpandedEnginesAtom,
   enableAllAtom,
   engineMovesFamily,
   enginesAtom,
@@ -74,6 +75,7 @@ function AnalysisPanel({
     allEnabledLoader.state === "hasData" && allEnabledLoader.data;
 
   const [tab, setTab] = useAtom(currentAnalysisTabAtom);
+  const [expanded, setExpanded] = useAtom(currentExpandedEnginesAtom);
 
   const stats = useMemo(() => getGameStats(root), [root]);
   const is960 = useMemo(() => headers.variant === "Chess960", [headers]);
@@ -90,7 +92,6 @@ function AnalysisPanel({
     <Stack h="100%">
       <Tabs
         h="100%"
-        defaultValue="engines"
         orientation="vertical"
         placement="right"
         value={tab}
@@ -165,6 +166,8 @@ function AnalysisPanel({
                   multiple
                   chevronSize={0}
                   defaultValue={loadedEngines.map((e) => e.name)}
+                  value={expanded}
+                  onChange={(v) => setExpanded(v)}
                   styles={{
                     label: {
                       paddingTop: 0,