Merge pull request deriv-com#114 from deriv-com/sandeep/regression-bu…

…g-img-not-available sandeep/fix: 🔥 fixed the footer icon
ahmed-deriv · Sep 3, 2024 · 55ff45c · 55ff45c
2 parents fc70b31 + 7711a13
commit 55ff45c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 1 deletion.
diff --git a/jest.config.js b/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: '.',

diff --git a/src/__mocks__/file.mock.ts b/src/__mocks__/file.mock.ts
@@ -0,0 +1 @@
+module.exports = 'SVGMock';
diff --git a/src/assets/gray-logo.svg b/src/assets/gray-logo.svg
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -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'>