refactor: add useCallback

bob-collective · Jun 27, 2024 · ed9a673 · ed9a673
1 parent 95a55d1
commit ed9a673
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/evm/src/pages/Fusion/components/PartnersSection/PartnerCard.tsx b/apps/evm/src/pages/Fusion/components/PartnersSection/PartnerCard.tsx
@@ -19,7 +19,7 @@ import {
   Tooltip,
   useMediaQuery
 } from '@gobob/ui';
-import { ReactNode } from 'react';
+import { ReactNode, useCallback } from 'react';
 import { useTheme } from 'styled-components';
 
 import { StyledCategoryTag, StyledIconWrapper, StyledLiveTag, StyledPartnerCard } from './PartnerCard.style';
@@ -55,7 +55,7 @@ const PartnerCard = ({
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('md'));
 
-  const getMedalIcon = () => {
+  const getMedalIcon = useCallback(() => {
     if (!medal) return;
 
     const medalIcon = medal === 'gold' ? <MedalGold /> : medal === 'silver' ? <MedalSilver /> : <MedalBronze />;
@@ -79,7 +79,7 @@ const PartnerCard = ({
         {medalIcon}
       </Tooltip>
     );
-  };
+  }, [isMobile, medal]);
 
   return (
     <StyledPartnerCard