dev: Add figma URLs to stories

TheThingsNetwork · Feb 5, 2024 · 98e9cd0 · 98e9cd0
1 parent 1153cf2
commit 98e9cd0
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 1 deletion.
diff --git a/pkg/webui/components/news-panel/news-item/story.js b/pkg/webui/components/news-panel/news-item/story.js
@@ -21,6 +21,12 @@ import NewsItem from '.'
 export default {
   title: 'Panel/News Panel/News Item',
   component: NewsItem,
+  parameters: {
+    design: {
+      type: 'figma',
+      url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1661-5590&mode=design&t=2KlaQGRV9FQm7Nv3-4 ',
+    },
+  },
 }
 
 export const Default = () => (

diff --git a/pkg/webui/components/panel/story.js b/pkg/webui/components/panel/story.js
@@ -23,6 +23,12 @@ import Panel from '.'
 export default {
   title: 'Panel',
   component: Panel,
+  parameters: {
+    design: {
+      type: 'figma',
+      url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1529-7836&mode=design&t=2KlaQGRV9FQm7Nv3-4',
+    },
+  },
 }
 
 export const Default = () => (

diff --git a/pkg/webui/components/panel/toggle/index.js b/pkg/webui/components/panel/toggle/index.js
@@ -34,7 +34,6 @@ const Toggle = ({ options, onToggleChange, active }) => (
           message={label}
           value={value}
           onClick={onToggleChange}
-          unstyled
           className={buttonClassName}
         />
       )

diff --git a/pkg/webui/components/shortcut-panel/shortcut-item/story.js b/pkg/webui/components/shortcut-panel/shortcut-item/story.js
@@ -19,6 +19,12 @@ import ShortcutItem from '.'
 export default {
   title: 'Panel/Shortcut Panel/Shortcut Item',
   component: ShortcutItem,
+  parameters: {
+    design: {
+      type: 'figma',
+      url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1661-5695&mode=design&t=2KlaQGRV9FQm7Nv3-4',
+    },
+  },
 }
 
 export const Default = () => (

diff --git a/pkg/webui/components/status-label/story.js b/pkg/webui/components/status-label/story.js
@@ -38,4 +38,10 @@ export const Default = {
       control: 'boolean',
     },
   },
+  parameters: {
+    design: {
+      type: 'figma',
+      url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1599-8145&mode=design&t=2KlaQGRV9FQm7Nv3-4',
+    },
+  },
 }