fix: build

Author: rob-at-cortex

.storybook/main.ts

@@ -44,7 +44,7 @@ const config = {
     name: '@storybook/nextjs',
     options: {},
   },
-  staticDirs: ['./public', './msw'],
+  staticDirs: ['./public', './msw', '../src/images'],
   webpackFinal: async (config) => {
     config.resolve.alias = {
       ...config.resolve.alias,
@@ -64,13 +64,13 @@ const config = {
       use: ['@svgr/webpack'],
     })
     // add image support
-    config.module?.rules?.push({
-      test: /\.(png|jpe?g|gif|svg)$/i,
-      type: 'asset/resource',
-      generator: {
-        filename: 'static/media/[name].[hash][ext]',
-      },
-    })
+    // config.module?.rules?.push({
+    //   test: /\.(png|jpe?g|gif|svg)$/i,
+    //   type: 'asset/resource',
+    //   generator: {
+    //     filename: 'static/media/[name].[hash][ext]',
+    //   },
+    // })
     return config
   }, // No need for webpackFinal if you're using the addon-styling-webpack
 }

next.config.js

@@ -5,9 +5,6 @@ const nextConfig = {
   },
   eslint: {
     dirs: ['src'], // Add your folders here
-  },
-  images: {
-    
   },
   reactStrictMode: true,
   webpack(config) {

src/components/HeaderFooter/HeaderDesktop.tsx

@@ -3,8 +3,8 @@ import { useState, useEffect } from 'react'
 import { Menu, X } from 'lucide-react'
 import { Container } from '@/components/Other/Container'
 import { BrandLogo } from './BrandLogo'
-import logoLight from '../../../.storybook/public/cortex-reply-light.png'
-import logoDark from '../../../.storybook/public/cortex-reply-light.png'
+import logoLight from '../../images/cortex-reply-light.png'
+import logoDark from '../../images/cortex-reply-dark.png'
 
 interface HeaderProps {
   isMenuOpen: boolean

src/components/ui/index.ts

@@ -122,4 +122,3 @@ export { Badge, badgeVariants } from './badge'
 export * from './checkbox'
 export * from './select'
 export * from './textarea'
-export * from './pagination'