fix: image url

pages/token.tsx

@@ -12,7 +12,7 @@ import { useLoginAmbossMutation } from 'src/graphql/mutations/__generated__/logi
 import { toast } from 'react-toastify';
 import { ColorButton } from 'src/components/buttons/colorButton/ColorButton';
 import { useGetAmbossLoginTokenLazyQuery } from 'src/graphql/queries/__generated__/getAmbossLoginToken.generated';
-import ambossLogo from '../src/views/token/AmbossLogo.png';
+import { appendBasePath } from 'src/utils/basePath';
 
 const S = {
   center: styled.div`
@@ -121,7 +121,12 @@ const TokenView = () => {
   return (
     <Card>
       <S.center>
-        <Image src={ambossLogo} width={320} height={42} alt={'Amboss Logo'} />
+        <Image
+          src={appendBasePath('/assets/amboss_logo.png')}
+          width={320}
+          height={42}
+          alt={'Amboss Logo'}
+        />
       </S.center>
       <S.text>
         In collaboration with

src/views/home/quickActions/amboss/AmbossCard.tsx

@@ -11,7 +11,7 @@ import {
 } from 'src/styles/Themes';
 import styled from 'styled-components';
 import Image from 'next/image';
-import ambossLogo from './AmbossLogo.png';
+import { appendBasePath } from 'src/utils/basePath';
 
 const QuickTitle = styled.div`
   font-size: 12px;
@@ -89,7 +89,12 @@ export const AmbossCard = () => {
         }}
         disabled={loading}
       >
-        <Image src={ambossLogo} width={32} height={32} alt={'Amboss Logo'} />
+        <Image
+          src={appendBasePath('/assets/amboss_icon.png')}
+          width={32}
+          height={32}
+          alt={'Amboss Logo'}
+        />
         <QuickTitle>{loading ? 'Loading...' : 'Login'}</QuickTitle>
       </QuickCard>
     );
@@ -103,7 +108,12 @@ export const AmbossCard = () => {
       }}
       disabled={tokenLoading}
     >
-      <Image src={ambossLogo} width={32} height={32} alt={'Amboss Logo'} />
+      <Image
+        src={appendBasePath('/assets/amboss_icon.png')}
+        width={32}
+        height={32}
+        alt={'Amboss Logo'}
+      />
       <QuickTitle>{tokenLoading ? 'Loading...' : 'Go To'}</QuickTitle>
     </QuickCard>
   );