fix(state-local-storage): add precision just 2 digit float to store i…

…n the global state
asyncapi · Jul 19, 2024 · 97c5b94 · 97c5b94
1 parent d558246
commit 97c5b94
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/modelina-website/src/components/contexts/PlaygroundLayoutContext.tsx b/modelina-website/src/components/contexts/PlaygroundLayoutContext.tsx
@@ -16,13 +16,17 @@ const PlaygroundtLayoutContext = createContext<
 
 const localStorageInitializer = (initialValue = initialState) => {
   if (typeof window !== 'undefined') {
-    const resizablePercentageOpen = JSON.parse(localStorage.getItem(LocalStorageKey)!) ?? 0.5;
-    const newValue = {
-      ...initialValue,
-      editorSize: resizablePercentageOpen
-    };
+    const resizablePercentageOpen = localStorage.getItem(LocalStorageKey);
 
-    return newValue;
+    if (resizablePercentageOpen !== null) {
+      const size = JSON.parse(resizablePercentageOpen);
+      const newValue = {
+        ...initialValue,
+        editorSize: parseFloat(size.editorSize)
+      };
+
+      return newValue;
+    }
   }
 
   return initialValue;
@@ -57,7 +61,7 @@ function PlaygroundLayoutProvider({ children }: PlaygroundtProviderProps) {
 
   useEffect(() => {
     localStorage.setItem(LocalStorageKey, JSON.stringify({ editorSize: state.editorSize }));
-  }, [state]);
+  }, [state.editorSize]);
 
   useEffect(() => {
     if (width  !== null) {

diff --git a/modelina-website/src/components/playground/Resizable.tsx b/modelina-website/src/components/playground/Resizable.tsx
@@ -27,7 +27,7 @@ function Resizable({ leftComponent, rightComponent }: ResizableComponentProps) {
     if (containerWidth !== null) {
       const visibleView = value / containerWidth;
 
-      dispatch({ type: 'resizable-size', total: visibleView });
+      dispatch({ type: 'resizable-size', total: parseFloat(visibleView.toFixed(2)) });
     }
 
     return `${value + 0.5 * 4}px`;