fix storybook

guildxyz · Jul 11, 2024 · 5c0c5c0 · 5c0c5c0
1 parent 74e865b
commit 5c0c5c0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,4 +1,4 @@
-import type { StorybookConfig } from "@storybook/nextjs"
+import type { StorybookConfig } from "@storybook/nextjs";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
@@ -14,11 +14,11 @@ const config: StorybookConfig = {
     name: "@storybook/nextjs",
     options: {},
   },
-  staticDirs: ["../public", "../static"],
+  staticDirs: ["../public"],
   refs: {
     "@chakra-ui/react": {
       disable: true,
     },
   },
-}
-export default config
+};
+export default config;
diff --git a/src/v2/components/GuildAvatar.tsx b/src/v2/components/GuildAvatar.tsx
@@ -8,10 +8,15 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 const GuildAvatar = memo(({ address, className }: Props) => {
+  const addressEnding = address
+    ?.toLowerCase()
+    ?.slice(-2) as keyof typeof addressAvatarPairs
+
   const Avatar = dynamic(
     () =>
+      // webpack can't resolve the dynamic import path when running storybook, so we just pass the first svg manually there
       import(
-        `static/avatars/${addressAvatarPairs[address?.toLowerCase()?.slice(-2)]}.svg`
+        `static/avatars/${process.env.STORYBOOK ? 1 : addressAvatarPairs[addressEnding]}.svg`
       )
   )