fix: changed logic and add guard to show apys for borrow and supply

Author: AGMASO

src/modules/reserve-overview/BorrowInfo.tsx

@@ -59,6 +59,8 @@ export const BorrowInfo = ({
   });
 
   const borrowProtocolIncentives = mapAaveProtocolIncentives(reserve.incentives, 'borrow');
+  const apyValue = Number(reserve.borrowInfo?.apy.value);
+
   return (
     <Box sx={{ flexGrow: 1, minWidth: 0, maxWidth: '100%', width: '100%' }}>
       <Box
@@ -183,11 +185,7 @@ export const BorrowInfo = ({
           }
         >
           <IncentivesCard
-            value={
-              Number(reserve.borrowInfo?.total.amount.value) > 0
-                ? String(reserve.borrowInfo?.apy.value)
-                : '-1'
-            }
+            value={Number.isFinite(apyValue) ? apyValue : '-1'}
             incentives={borrowProtocolIncentives}
             address={reserve.vToken.address}
             symbol={reserve.underlyingToken.symbol}

src/modules/reserve-overview/SupplyInfo.tsx

@@ -42,6 +42,7 @@ export const SupplyInfo = ({
   debtCeiling,
 }: SupplyInfoProps) => {
   const supplyProtocolIncentives = mapAaveProtocolIncentives(reserve.incentives, 'supply');
+  const apyValue = Number(reserve.supplyInfo?.apy.value);
   return (
     <Box sx={{ flexGrow: 1, minWidth: 0, maxWidth: '100%', width: '100%' }}>
       <Box
@@ -155,7 +156,7 @@ export const SupplyInfo = ({
         )}
         <PanelItem title={<Trans>APY</Trans>}>
           <IncentivesCard
-            value={reserve.supplyInfo.apy.value}
+            value={Number.isFinite(apyValue) ? apyValue : '-1'}
             incentives={supplyProtocolIncentives}
             address={reserve.aToken.address}
             symbol={reserve.underlyingToken.symbol}