Merge pull request #114 from deriv-com/sandeep/regression-bug-img-not-available

sandeep/fix: 🔥 fixed the footer icon

Author: sandeep-deriv

jest.config.js

@@ -33,6 +33,7 @@ module.exports = {
     '@docusaurus/plugin-content-docs/client': '@docusaurus/plugin-content-docs/src/client/index.ts',
     '@site/(.*)': '<rootDir>/$1',
     '\\.(css|scss|sass|less)$': 'identity-obj-proxy',
+    '\\.(svg)$': '<rootDir>/src/__mocks__/file.mock.ts',
   },
   moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'mjs', 'json'],
   rootDir: '.',

src/__mocks__/file.mock.ts

@@ -0,0 +1 @@
+module.exports = 'SVGMock';

src/assets/gray-logo.svg

@@ -9,6 +9,8 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import CustomAccordion from '../CustomAccordion';
 import styles from './Footer.module.scss';
 
+import GrayLogo from '../../assets/gray-logo.svg';
+
 const Footer = () => {
   const {
     i18n: { currentLocale },
@@ -91,7 +93,9 @@ const Footer = () => {
     <section className={styles.FooterContainer} data-testid='footer-text'>
       <div className={styles.FooterBody}>
         <div className={styles.LogoWrapper}>
-          <img src='img/gray-logo.svg' alt='Deriv API Logo' className={styles.FooterLogo} />
+          <div className={styles.FooterLogo}>
+            <GrayLogo />
+          </div>
         </div>
         <div className={styles.FooterSection}>
           <section className={styles.Section1} data-testid='API-section'>