Fix logos url

Signed-off-by: Cintia Sánchez García <[email protected]>

Author: cynthia-sg

web/src/layout/navigation/Footer.tsx

@@ -5,7 +5,7 @@ import { FaGithub } from 'react-icons/fa';
 import { FiExternalLink } from 'react-icons/fi';
 import { Link } from 'react-router-dom';
 
-import logo from '../../media/clomonitor.svg';
+import logo from '../../media/clomonitor.svg?url';
 import styles from './Footer.module.css';
 
 interface Props {

web/src/layout/navigation/Navbar.tsx

@@ -3,7 +3,7 @@ import { Navbar as NavbarWrapper } from 'clo-ui/components/Navbar';
 import { Dispatch, SetStateAction } from 'react';
 import { Link } from 'react-router-dom';
 
-import logo from '../../media/clomonitor.svg';
+import logo from '../../media/clomonitor.svg?url';
 import MobileSettings from './MobileSettings';
 import styles from './Navbar.module.css';
 import Searchbar from './Searchbar';

web/src/react-app-env.d.ts

@@ -1,2 +1,12 @@
 /// <reference types="vite/client" />
 /// <reference types="react" />
+
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg?url' {
+  const src: string;
+  export default src;
+}

web/src/setupTests.ts

@@ -6,7 +6,7 @@ import { vi } from 'vitest';
 
 process.env.TZ = 'UTC';
 
-vi.mock('/src/media/clomonitor.svg', () => ({
+vi.mock('/src/media/clomonitor.svg?url', () => ({
   __esModule: true,
   default: '/src/media/clomonitor.svg',
 }));