more icon paths fixed

push-protocol · May 20, 2024 · 511b284 · 511b284
1 parent 5c0b703
commit 511b284
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 37 deletions.
diff --git a/src/primaries/Profile.tsx b/src/primaries/Profile.tsx
@@ -52,23 +52,23 @@ const Profile = ({ isDarkMode }: { isDarkMode: boolean }) => {
       value: account,
       title: account,
       function: () => {},
-      invertedIcon: './copy.svg',
+      invertedIcon: getPublicAssetPath('copy.svg'),
     },
     {
       id: 'userSettings',
       value: '',
       title: 'Settings',
       function: () => {},
       to: APP_PATHS.UserSettings,
-      invertedIcon: 'svg/setting.svg',
+      invertedIcon: getPublicAssetPath('svg/setting.svg'),
     },
     {
       id: 'prodDapp',
       value: '',
       function: () => {},
       link: `https://${envUtil.prod}`,
       title: 'Production dapp',
-      invertedIcon: './prod.svg',
+      invertedIcon: getPublicAssetPath('prod.svg'),
     },
     {
       id: 'disconnect',
@@ -81,7 +81,7 @@ const Profile = ({ isDarkMode }: { isDarkMode: boolean }) => {
         setShowDropdown(false);
       },
       title: 'Logout',
-      invertedIcon: './logout.svg',
+      invertedIcon: getPublicAssetPath('logout.svg'),
     },
   ];
 

diff --git a/src/sections/yield/YieldAnnouncementSection.tsx b/src/sections/yield/YieldAnnouncementSection.tsx
@@ -10,77 +10,70 @@ import { AInlineV2, H2V2, ImageV2, ItemHV2, ItemVV2 } from 'components/reusables
 import GLOBALS from 'config/Globals';
 import { useDeviceWidthCheck } from 'hooks';
 import styled from 'styled-components';
+import { getPublicAssetPath } from 'helpers/RoutesHelper';
 
 // yield announcement section
-const YieldAnnouncementSection = (
-  {
-    logo,
-    title,
-    body,
-    setActiveTab
-  }
-) => {
-
+const YieldAnnouncementSection = ({ logo, title, body, setActiveTab }) => {
   const isMobile = useDeviceWidthCheck(600);
 
   // RENDER
   return (
     <ItemHV2
-      style={{ color: logo === "announcement" ? "white" : "#333" }}
+      style={{ color: logo === 'announcement' ? 'white' : '#333' }}
       justifyContent="stretch"
-      padding={isMobile ? "12px" : "16px"}
-      background={logo === "announcement" ? "linear-gradient(90deg, #121315 -2.55%, #2A2A39 32.62%, #8E317A 68.34%, #121315 102.97%)" : "#FFF7DA"}
+      padding={isMobile ? '12px' : '16px'}
+      background={
+        logo === 'announcement'
+          ? 'linear-gradient(90deg, #121315 -2.55%, #2A2A39 32.62%, #8E317A 68.34%, #121315 102.97%)'
+          : '#FFF7DA'
+      }
       borderRadius="16px"
     >
       <ImageV2
-        width={logo === "announcement" ? "60px" : "32px"}
-        height={logo === "announcement" ? "60px" : "32px"}
-        src={`svg/${logo}.svg`}
+        width={logo === 'announcement' ? '60px' : '32px'}
+        height={logo === 'announcement' ? '60px' : '32px'}
+        src={getPublicAssetPath(`svg/${logo}.svg`)}
         alt="Announcement Logo"
       />
       <ItemVV2
-        margin={logo === "announcement" ? "0 0 0 16px" : "0 0 0 13px"}
-        justifyContent="center" alignItems="flex-start"
-        gap={logo === "announcement" ? "4px" : "0px"}
+        margin={logo === 'announcement' ? '0 0 0 16px' : '0 0 0 13px'}
+        justifyContent="center"
+        alignItems="flex-start"
+        gap={logo === 'announcement' ? '4px' : '0px'}
       >
         <H2V2
           color="inherit"
-          fontSize={isMobile ? "20px" : "24px"}
+          fontSize={isMobile ? '20px' : '24px'}
           textAlign="left"
           fontWeight={500}
         >
           {title}
         </H2V2>
         <H2V2
           color="inherit"
-          fontSize={isMobile ? "12px" : "16px"}
+          fontSize={isMobile ? '12px' : '16px'}
           textAlign="left"
           fontWeight={500}
         >
-          {body} {" "}
-          {title.includes("New V2") &&
+          {body}{' '}
+          {title.includes('New V2') && (
             <>
-              <AILine onClick={() => setActiveTab(1)}>
-                here
-              </AILine>
-              {" "} to migrate.
+              <AILine onClick={() => setActiveTab(1)}>here</AILine> to migrate.
             </>
-          }
-
+          )}
         </H2V2>
       </ItemVV2>
     </ItemHV2>
   );
-}
+};
 
 export default YieldAnnouncementSection;
 
 const AILine = styled(AInlineV2)`
   cursor: pointer;
   color: #fff;
 
-  &:hover{
+  &:hover {
     text-decoration: underline;
   }
-
-`
+`;
diff --git a/src/sections/yield/YieldPushPriceSection.tsx b/src/sections/yield/YieldPushPriceSection.tsx
@@ -7,6 +7,7 @@ import { H2V2, ImageV2, ItemHV2, Skeleton, SkeletonLine } from 'components/reusa
 // Internal Configs
 
 import { useDeviceWidthCheck } from 'hooks';
+import { getPublicAssetPath } from 'helpers/RoutesHelper';
 
 const YieldPushPriceSection = ({ poolStats }) => {
   function numberWithCommas(x) {
@@ -42,7 +43,7 @@ const YieldPushPriceSection = ({ poolStats }) => {
             <ImageV2
               width="25px"
               height={isMobile ? '20px' : '27px'}
-              src="svg/uniswapLogo.svg"
+              src={getPublicAssetPath('svg/uniswapLogo.svg')}
               alt="Uniswap Logo"
             />
           </ItemHV2>