fix(shell): use relative path to logo image

- cleanup
haqq-network · Feb 19, 2024 · 2dda1c9 · 2dda1c9
1 parent 763e2b1
commit 2dda1c9
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 65 deletions.
diff --git a/apps/shell/webpack.config.js b/apps/shell/webpack.config.js
@@ -4,35 +4,43 @@ const { ProvidePlugin, DefinePlugin } = require('webpack');
 const { merge } = require('webpack-merge');
 
 // Nx plugins for webpack.
-module.exports = composePlugins(withNx(), withReact(), async (config) => {
-  return merge(config, {
-    plugins: [
-      new ProvidePlugin({
-        Buffer: ['buffer', 'Buffer'],
-      }),
-      new DefinePlugin({
-        'process.env.GIT_COMMIT_SHA': JSON.stringify(
-          process.env['GIT_COMMIT_SHA'] ??
-            process.env['NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA'] ??
-            process.env['VERCEL_GIT_COMMIT_SHA'] ??
-            'dev',
-        ),
-      }),
-    ],
-    node: { global: true },
-    resolve: {
-      fallback: {
-        buffer: false,
-        crypto: false,
-        events: false,
-        path: false,
-        stream: false,
-        string_decoder: false,
-        http: false,
-        zlib: false,
-        https: false,
-        url: false,
-      },
+module.exports = composePlugins(
+  withNx({
+    nx: {
+      svgr: false,
     },
-  });
-});
+  }),
+  withReact(),
+  async (config) => {
+    return merge(config, {
+      plugins: [
+        new ProvidePlugin({
+          Buffer: ['buffer', 'Buffer'],
+        }),
+        new DefinePlugin({
+          'process.env.GIT_COMMIT_SHA': JSON.stringify(
+            process.env['GIT_COMMIT_SHA'] ??
+              process.env['NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA'] ??
+              process.env['VERCEL_GIT_COMMIT_SHA'] ??
+              'dev',
+          ),
+        }),
+      ],
+      node: { global: true },
+      resolve: {
+        fallback: {
+          buffer: false,
+          crypto: false,
+          events: false,
+          path: false,
+          stream: false,
+          string_decoder: false,
+          http: false,
+          zlib: false,
+          https: false,
+          url: false,
+        },
+      },
+    });
+  },
+);
diff --git a/apps/shell/webpack.config.prod.js b/apps/shell/webpack.config.prod.js
@@ -4,35 +4,43 @@ const { ProvidePlugin, DefinePlugin } = require('webpack');
 const { merge } = require('webpack-merge');
 
 // Nx plugins for webpack.
-module.exports = composePlugins(withNx(), withReact(), async (config) => {
-  return merge(config, {
-    plugins: [
-      new ProvidePlugin({
-        Buffer: ['buffer', 'Buffer'],
-      }),
-      new DefinePlugin({
-        'process.env.GIT_COMMIT_SHA': JSON.stringify(
-          process.env['GIT_COMMIT_SHA'] ??
-            process.env['NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA'] ??
-            process.env['VERCEL_GIT_COMMIT_SHA'] ??
-            'dev',
-        ),
-      }),
-    ],
-    node: { global: true },
-    resolve: {
-      fallback: {
-        buffer: false,
-        crypto: false,
-        events: false,
-        path: false,
-        stream: false,
-        string_decoder: false,
-        http: false,
-        zlib: false,
-        https: false,
-        url: false,
-      },
+module.exports = composePlugins(
+  withNx({
+    nx: {
+      svgr: false,
     },
-  });
-});
+  }),
+  withReact(),
+  async (config) => {
+    return merge(config, {
+      plugins: [
+        new ProvidePlugin({
+          Buffer: ['buffer', 'Buffer'],
+        }),
+        new DefinePlugin({
+          'process.env.GIT_COMMIT_SHA': JSON.stringify(
+            process.env['GIT_COMMIT_SHA'] ??
+              process.env['NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA'] ??
+              process.env['VERCEL_GIT_COMMIT_SHA'] ??
+              'dev',
+          ),
+        }),
+      ],
+      node: { global: true },
+      resolve: {
+        fallback: {
+          buffer: false,
+          crypto: false,
+          events: false,
+          path: false,
+          stream: false,
+          string_decoder: false,
+          http: false,
+          zlib: false,
+          https: false,
+          url: false,
+        },
+      },
+    });
+  },
+);
diff --git a/libs/shell/ui-kit/src/assets/images/logo.svg b/libs/shell/ui-kit/src/assets/images/logo.svg
diff --git a/libs/shell/ui-kit/src/assets/images/sunrise.webp b/libs/shell/ui-kit/src/assets/images/sunrise.webp
diff --git a/libs/shell/ui-kit/src/components/header/header.tsx b/libs/shell/ui-kit/src/components/header/header.tsx
@@ -1,7 +1,6 @@
 import { ReactNode, useCallback } from 'react';
 import clsx from 'clsx';
 import { NavLink, useLocation } from 'react-router-dom';
-import logoImageData from '../../assets/images/logo.svg';
 
 export function Header({
   rightSlot,
@@ -53,7 +52,7 @@ export function Header({
         >
           <div className="relative h-[26px] w-[26px] sm:h-[32px] sm:w-[32px]">
             <NavLink to="/">
-              <img src={logoImageData} alt="HAQQ" />
+              <img src="/assets/logo.svg" alt="HAQQ" />
             </NavLink>
           </div>
         </div>