refresh layout on switch file

src/contexts/setting-context.ts

@@ -1,13 +1,16 @@
 import { app } from "@electron/remote";
 import * as fs from "fs";
 import { create } from "zustand";
+import { setLayoutStyle } from "../components/register-node";
 import { readJson, writeJson } from "../misc/util";
+import { useWorkspace } from "./workspace-context";
 
 const settingPath = app.getPath("userData") + "/settings.json";
 
 export type SettingModel = {
   recent: string[];
   buildDir: string;
+  layout?: "compact" | "normal";
 };
 
 export type SettingStore = {
@@ -18,18 +21,22 @@ export type SettingStore = {
   appendRecent: (path: string) => void;
   removeRecent: (path: string) => void;
   setBuildDir: (dir: string) => void;
+  setLayout: (layout: "compact" | "normal") => void;
 };
 
 export const useSetting = create<SettingStore>((set, get) => ({
   data: {
     recent: [],
     buildDir: "",
+    layout: "compact",
   },
   load: () => {
     try {
       if (fs.existsSync(settingPath)) {
         const settings = readJson(settingPath) as SettingModel;
+        settings.layout = settings.layout || "compact";
         set({ data: settings });
+        setLayoutStyle(settings.layout);
       }
     } catch (error) {
       console.error(error);
@@ -56,4 +63,11 @@ export const useSetting = create<SettingStore>((set, get) => ({
     set({ data: { ...data, buildDir: dir } });
     save();
   },
+  setLayout: (layout: "compact" | "normal") => {
+    const { data, save } = get();
+    set({ data: { ...data, layout } });
+    save();
+    setLayoutStyle(layout);
+    useWorkspace.getState().editing?.dispatch("refresh");
+  },
 }));