refactor: some svg imports

PlanB-Network · Jan 24, 2025 · 39f415f · 39f415f
1 parent 6732487
commit 39f415f
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/apps/web/src/molecules/about-us.tsx b/apps/web/src/molecules/about-us.tsx
@@ -2,11 +2,11 @@ import { useTranslation } from 'react-i18next';
 
 import { cn } from '@blms/ui';
 
+import BitcoinCircle from '#src/assets/icons/bitcoin_circle.svg';
+import Groups from '#src/assets/icons/groups.svg';
+import OpenSource from '#src/assets/icons/open_source.svg';
+import VisibilityOff from '#src/assets/icons/visibility_off.svg';
 import ProfessorsTile from '../assets/home/professors.webp';
-import BitcoinCircle from '../assets/icons/bitcoin_circle.svg?react';
-import Groups from '../assets/icons/groups.svg?react';
-import OpenSource from '../assets/icons/open_source.svg?react';
-import VisibilityOff from '../assets/icons/visibility_off.svg?react';
 
 const paragraphClassName = cn(
   'text-sm text-gray-400 sm:text-sm lg:text-base',
@@ -26,7 +26,7 @@ export const AboutUs = () => {
       />
       <div className="-mt-9 flex flex-col items-center gap-6 text-center md:flex-row">
         <div className="flex max-w-sm flex-col items-center">
-          <BitcoinCircle />
+          <img src={BitcoinCircle} alt="" />
           <div className="mt-2 text-sm font-semibold md:text-2xl">
             {t('home.aboutUsSection.bitcoinFocusTitle').toUpperCase()}
           </div>
@@ -35,7 +35,7 @@ export const AboutUs = () => {
           </div>
         </div>
         <div className="flex max-w-sm flex-col items-center">
-          <OpenSource />
+          <img src={OpenSource} alt="" />
           <div className="mt-2 text-sm font-semibold md:text-2xl">
             {t('home.aboutUsSection.openSourceTitle').toUpperCase()}
           </div>
@@ -44,7 +44,7 @@ export const AboutUs = () => {
           </div>
         </div>
         <div className="flex max-w-sm flex-col items-center">
-          <Groups />
+          <img src={Groups} alt="" />
           <div className="mt-2 text-sm font-semibold md:text-2xl">
             {t('home.aboutUsSection.communityTitle').toUpperCase()}
           </div>
@@ -53,7 +53,7 @@ export const AboutUs = () => {
           </div>
         </div>
         <div className="flex max-w-sm flex-col items-center">
-          <VisibilityOff />
+          <img src={VisibilityOff} alt="" />
           <div className="mt-2 text-sm font-semibold md:text-2xl">
             {t('home.aboutUsSection.privacyTitle').toUpperCase()}
           </div>