From 7bcb29e303b69325249a1b7509a955698fa47d6a Mon Sep 17 00:00:00 2001
From: Zheng You Hong <107991825+vincenthongzy@users.noreply.github.com>
Date: Tue, 3 Sep 2024 17:02:17 +0800
Subject: [PATCH] Fix NAN for promoted operator TVL when search results is
 empty

---
 src/avs/AVSDetailsOperatorsTab.jsx | 10 +++++++---
 src/operators/OperatorList.jsx     | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/avs/AVSDetailsOperatorsTab.jsx b/src/avs/AVSDetailsOperatorsTab.jsx
index aa8944b0..8fb972d8 100644
--- a/src/avs/AVSDetailsOperatorsTab.jsx
+++ b/src/avs/AVSDetailsOperatorsTab.jsx
@@ -112,6 +112,7 @@ function AVSOperatorsList({ address, avsError, isAVSLoading, tvl }) {
     error: undefined,
     operators: [],
     promotedOperators: [],
+    promotedOperatorsRate: 1,
     isInputTouched: false,
     isTableLoading: true,
     totalPages: undefined,
@@ -217,7 +218,8 @@ function AVSOperatorsList({ address, avsError, isAVSLoading, tvl }) {
       try {
         const response = await rdService.getAVSPromotedOperators(address);
         dispatch({
-          promotedOperators: response.results
+          promotedOperators: response.results,
+          promotedOperatorsRate: response.rate
         });
       } catch (e) {
         //TODO: handle error
@@ -280,14 +282,16 @@ function AVSOperatorsList({ address, avsError, isAVSLoading, tvl }) {
             : `${((operator.strategiesTotal / tvl) * 100).toFixed(2)}%`}
         </TableCell>
         <TableCell className="pe-8 text-end">
-          <div>{formatUSD(operator.strategiesTotal * state.currentRate)}</div>
+          <div>
+            {formatUSD(operator.strategiesTotal * state.promotedOperatorsRate)}
+          </div>
           <div className="text-xs text-foreground-2">
             {formatETH(operator.strategiesTotal)}
           </div>
         </TableCell>
       </TableRow>
     ));
-  }, [navigate, state.currentRate, state.promotedOperators, tvl]);
+  }, [navigate, state.promotedOperators, state.promotedOperatorsRate, tvl]);
 
   return (
     <div className="rd-box text-sm">
diff --git a/src/operators/OperatorList.jsx b/src/operators/OperatorList.jsx
index a95f6d93..aa879953 100644
--- a/src/operators/OperatorList.jsx
+++ b/src/operators/OperatorList.jsx
@@ -47,6 +47,7 @@ export default function OperatorList() {
   const [state, dispatch] = useMutativeReducer(reduceState, {
     operators: [],
     promotedOperators: [],
+    promotedOperatorsRate: 1,
     isFetchingData: false,
     searchTerm: searchParams.get('search'),
     error: null,
@@ -106,7 +107,8 @@ export default function OperatorList() {
       try {
         const response = await rdService.getPromotedOperators();
         dispatch({
-          promotedOperators: response.results
+          promotedOperators: response.results,
+          promotedOperatorsRate: response.rate
         });
       } catch (e) {
         //TODO: handle error
@@ -188,14 +190,16 @@ export default function OperatorList() {
           {formatNumber(operator.stakerCount)}
         </TableCell>
         <TableCell className="pe-8 text-end">
-          <div>{formatUSD(operator.strategiesTotal * state.rate)}</div>
+          <div>
+            {formatUSD(operator.strategiesTotal * state.promotedOperatorsRate)}
+          </div>
           <div className="text-xs text-foreground-2">
             {formatETH(operator.strategiesTotal)}
           </div>
         </TableCell>
       </TableRow>
     ));
-  }, [navigate, state.promotedOperators, state.rate]);
+  }, [navigate, state.promotedOperators, state.promotedOperatorsRate]);
 
   return (
     <div className="flex h-full flex-col">