From f9cd2f1b0e9a72c096e7b6be094af6f9083f82a1 Mon Sep 17 00:00:00 2001
From: 0tuedon <90271995+0tuedon@users.noreply.github.com>
Date: Tue, 4 Nov 2025 15:05:10 +0100
Subject: [PATCH] chore(fix): storybook build failure
---
.../assets/images/good-first-issues.png | Bin
{src => .storybook}/assets/images/whitepaper.png | Bin
.storybook/assets/search-icon.svg | 3 +++
.storybook/main.ts | 2 +-
src/components/card/Card.stories.tsx | 4 ++--
5 files changed, 6 insertions(+), 3 deletions(-)
rename {src => .storybook}/assets/images/good-first-issues.png (100%)
rename {src => .storybook}/assets/images/whitepaper.png (100%)
create mode 100644 .storybook/assets/search-icon.svg
diff --git a/src/assets/images/good-first-issues.png b/.storybook/assets/images/good-first-issues.png
similarity index 100%
rename from src/assets/images/good-first-issues.png
rename to .storybook/assets/images/good-first-issues.png
diff --git a/src/assets/images/whitepaper.png b/.storybook/assets/images/whitepaper.png
similarity index 100%
rename from src/assets/images/whitepaper.png
rename to .storybook/assets/images/whitepaper.png
diff --git a/.storybook/assets/search-icon.svg b/.storybook/assets/search-icon.svg
new file mode 100644
index 0000000..82b0ec1
--- /dev/null
+++ b/.storybook/assets/search-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 771c296..c77a5b6 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,7 +1,7 @@
import type { StorybookConfig } from "@storybook/react-webpack5";
const config: StorybookConfig = {
- staticDirs: ['../src/assets/images'],
+ staticDirs: [{ from: "./assets/images", to: "/assets/images" }],
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
addons: [
"@storybook/addon-webpack5-compiler-swc",
diff --git a/src/components/card/Card.stories.tsx b/src/components/card/Card.stories.tsx
index 0d0e50e..739d6e5 100644
--- a/src/components/card/Card.stories.tsx
+++ b/src/components/card/Card.stories.tsx
@@ -15,7 +15,7 @@ const Template: StoryFn = (args) => ;
export const Default = Template.bind({});
Default.args = {
bannerColor: "#D5BBA4",
- logo: "whitepaper.png",
+ logo: "assets/images/whitepaper.png",
difficulty: "easy",
title: "Bitcoin TLDR",
description:
@@ -26,7 +26,7 @@ export const MediumDifficulty = Template.bind({});
MediumDifficulty.args = {
bannerColor: "#0E9158",
- logo: "good-first-issues.png",
+ logo: "/assets/images/good-first-issues.png",
difficulty: "medium",
title: "Good first issues",
byBDP: true,