feat: customize the initial width of the side panel

close #1558
cheminfo · May 19, 2022 · 9a2be39 · 9a2be39
1 parent b1f8ae1
commit 9a2be39
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/component/NMRium.tsx b/src/component/NMRium.tsx
@@ -2,6 +2,7 @@
 
 import { css } from '@emotion/react';
 import { RootLayout } from 'analysis-ui-components';
+import { InitialSeparation } from 'analysis-ui-components/lib-esm/layout/SplitPane';
 import { CorrelationData } from 'nmr-correlation';
 import {
   useEffect,
@@ -136,6 +137,7 @@ export type NMRiumPreferences = Partial<{
     hideGeneralSettings: boolean;
     experimentalFeatures: PanelPreferencesType;
     hidePanelOnLoad: boolean;
+    initialPanelWidth?: InitialSeparation;
   }>;
   panels: Partial<{
     spectraPanel: PanelPreferencesType;

diff --git a/src/component/SplitPaneWrapper.tsx b/src/component/SplitPaneWrapper.tsx
@@ -4,13 +4,13 @@ import { usePreferences } from './context/PreferencesContext';
 
 export function SplitPaneWrapper({ children }) {
   const { current } = usePreferences();
+  const general = current?.display?.general || {};
   return (
     <SplitPane
-      key={current?.display?.general?.hidePanelOnLoad ? 'true' : 'false'}
-      initialSeparation="590px"
+      initialSeparation={general?.initialPanelWidth || '560px'}
       orientation="horizontal"
       sideSeparation="end"
-      initialClosed={current?.display?.general?.hidePanelOnLoad || false}
+      initialClosed={general?.hidePanelOnLoad || false}
     >
       {children}
     </SplitPane>