Add available codicons to Storybook (#3874)

iterative · May 12, 2023 · c7524b9 · c7524b9
1 parent 8f768e1
commit c7524b9
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/webview/src/stories/Icons.stories.tsx b/webview/src/stories/Icons.stories.tsx
@@ -19,13 +19,24 @@ export default {
 
 const Template: StoryFn = () => {
   return (
-    <IconsWrapper>
-      {Object.values(Icons).map(IconComponent => (
-        <IconWrapper key={IconComponent.name} name={IconComponent.name}>
-          <Icon icon={IconComponent} />
-        </IconWrapper>
-      ))}
-    </IconsWrapper>
+    <>
+      <IconsWrapper>
+        {Object.values(Icons).map(IconComponent => (
+          <IconWrapper key={IconComponent.name} name={IconComponent.name}>
+            <Icon icon={IconComponent} />
+          </IconWrapper>
+        ))}
+      </IconsWrapper>
+      <p>
+        <a href="https://microsoft.github.io/vscode-codicons/dist/codicon.html">
+          Other icons that can be added
+        </a>
+      </p>
+      <p>
+        Copy the icon name, add it to `codicons` constant in
+        `webview/icons/generate.mjs` and run `yarn svgr`.
+      </p>
+    </>
   )
 }