feat: add rule to avoid displaying apy value beside badge

Author: AGMASO

src/components/incentives/IncentivesButton.tsx

@@ -173,6 +173,7 @@ export const MerklIncentivesButton = (params: {
   protocolAction?: ProtocolAction;
   protocolAPY?: number;
   protocolIncentives?: ReserveIncentiveResponse[];
+  hideValue?: boolean;
 }) => {
   const [open, setOpen] = useState(false);
   const { data: merklIncentives } = useMerklIncentives(params);
@@ -197,7 +198,11 @@ export const MerklIncentivesButton = (params: {
       setOpen={setOpen}
       open={open}
     >
-      <Content incentives={[incentiveData]} incentivesNetAPR={incentiveAPR} />
+      <Content
+        incentives={[incentiveData]}
+        incentivesNetAPR={incentiveAPR}
+        hideValue={params.hideValue}
+      />
     </ContentWithTooltip>
   );
 };

src/components/incentives/IncentivesCard.tsx

@@ -111,6 +111,14 @@ export const IncentivesCard = ({
   const isSghoPage =
     typeof router?.asPath === 'string' && router.asPath.toLowerCase().startsWith('/sgho');
   const hideMeritValue = symbol === 'GHO' && !isSghoPage;
+  const isMarketsOrDashboardPage =
+    typeof router?.pathname === 'string' &&
+    (router.pathname.startsWith('/dashboard') || router.pathname.startsWith('/markets'));
+  // Hide GHO Merkl value on dashboard/markets; show only the badge icon.
+  const hideMerklValue =
+    symbol === 'GHO' &&
+    (protocolAction === ProtocolAction.borrow || protocolAction === ProtocolAction.supply) &&
+    isMarketsOrDashboardPage;
 
   const incentivesContent = (
     <>
@@ -136,6 +144,7 @@ export const IncentivesCard = ({
         protocolAction={protocolAction}
         protocolAPY={protocolAPY}
         protocolIncentives={incentives || []}
+        hideValue={hideMerklValue}
       />
       <EthenaIncentivesButton rewardedAsset={address} />
       <EtherfiIncentivesButton symbol={symbol} market={market} protocolAction={protocolAction} />