fix: the logo is placed in a static resource

chaitin · Aug 1, 2024 · 767f792 · 767f792
1 parent 53f912e
commit 767f792
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/public/logo.svg → src/asset/img/logo.svg b/public/logo.svg → src/asset/img/logo.svg
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -2,6 +2,8 @@
 
 import React, { useEffect, useState } from 'react';
 import { Box, AppBar, Stack, Link, Button } from '@mui/material';
+import logoSvg from '@/asset/img/logo.svg';
+import Image from 'next/image';
 
 import Search from './search';
 
@@ -55,14 +57,14 @@ const Header = () => {
  justifyContent='space-between'
  >
  <Stack direction='row' alignItems='center'>
- <Box
- component='img'
- src='/tools/logo.svg'
+ <Image
+ src={logoSvg}
+ alt=''
  onClick={() => {
  window.open('/', '_self');
  }}
- sx={{ ml: 5, mr: 10, cursor: 'pointer' }}
- />
+ style={{ marginLeft: 40, marginRight: 80, cursor: 'pointer' }}
+ ></Image>
 
  <Stack direction='row' gap={5} alignItems='center'>
  {NAV_LINK.map((item) => (