refactor: add config.toolbar.collapsed

netless-io · Mar 26, 2024 · c6223da · c6223da
1 parent 17983f9
commit c6223da
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Unreleased
 
 - Allow accessing `state.value` after destroying.
+- Added toolbar config `collapsed` to set the default collapsed state of toolbar.
 
 ## 0.3.14
 

diff --git a/packages/fastboard-ui/src/components/Toolbar/Toolbar.svelte b/packages/fastboard-ui/src/components/Toolbar/Toolbar.svelte
@@ -19,7 +19,7 @@
   $: phase = app?.phase;
   $: disabled = !($writable && $phase === "connected");
 
-  let collapsed = false;
+  let collapsed = config.collapsed;
   let container_height = svelte_writable(0);
   let scroll_height = svelte_writable(0);
 

diff --git a/packages/fastboard-ui/src/typings.ts b/packages/fastboard-ui/src/typings.ts
@@ -39,6 +39,9 @@ export interface ToolbarConfig {
   placement?: "left" | "right";
   /** @default ["clicker", "selector", "pencil", "text", "shapes", "eraser", "clear"] */
   items?: ToolbarItem[];
+  /** @default false */
+  collapsed?: boolean;
+  /** Control the last button which opens apps stock on toolbar. */
   apps?: { enable?: boolean };
 }
 

diff --git a/packages/fastboard-ui/test/App.svelte b/packages/fastboard-ui/test/App.svelte
@@ -89,6 +89,7 @@
         toolbar: {
           items: toolbar_items_value,
           placement: toolbar_placement,
+          collapsed: true,
           apps: {
             enable: !hide_apps,
           },