Add alert emoji to Monitor tab if oracle guardian detects manipulation

aloelabs · Feb 6, 2024 · 21e0ff4 · 21e0ff4
1 parent c0cb6f6
commit 21e0ff4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/earn/src/components/lend/SupplyTable.tsx b/earn/src/components/lend/SupplyTable.tsx
@@ -149,24 +149,24 @@ export default function SupplyTable(props: SupplyTableProps) {
               </th>
               <th className='px-4 py-2 text-start whitespace-nowrap'>
                 <SortButton onClick={() => requestSort('apy', sortConfig?.primaryKey)}>
+                  <Text size='M' weight='bold'>
+                    APY
+                  </Text>
                   <SortArrow
                     isSorted={sortConfig?.primaryKey === 'apy' ?? false}
                     isSortedDesc={sortConfig?.direction === 'descending' ?? false}
                   />
-                  <Text size='M' weight='bold'>
-                    APY
-                  </Text>
                 </SortButton>
               </th>
               <th className='px-4 py-2 text-start whitespace-nowrap'>
                 <SortButton onClick={() => requestSort('totalSupplyUsd', sortConfig?.primaryKey)}>
+                  <Text size='M' weight='bold'>
+                    Total Supply
+                  </Text>
                   <SortArrow
                     isSorted={sortConfig?.primaryKey === 'totalSupplyUsd' ?? false}
                     isSortedDesc={sortConfig?.direction === 'descending' ?? false}
                   />
-                  <Text size='M' weight='bold'>
-                    Total Supply
-                  </Text>
                 </SortButton>
               </th>
               <th className='px-4 py-2 text-end whitespace-nowrap'>

diff --git a/earn/src/pages/MarketsPage.tsx b/earn/src/pages/MarketsPage.tsx
@@ -98,6 +98,10 @@ export default function MarketsPage() {
     return poolInfoMap;
   }, [lendingPairs]);
 
+  const doesGuardianSenseManipulation = useMemo(() => {
+    return lendingPairs.some((pair) => pair.oracleData.manipulationMetric > pair.manipulationThreshold);
+  }, [lendingPairs]);
+
   // MARK: wagmi hooks
   const { address: userAddress } = useAccount();
   const provider = useProvider({ chainId: activeChain.id });
@@ -324,7 +328,7 @@ export default function MarketsPage() {
               role='tab'
               aria-selected={selectedHeaderOption === HeaderOptions.Monitor}
             >
-              Monitor
+              Monitor{doesGuardianSenseManipulation ? ' 🚨' : ''}
             </HeaderSegmentedControlOption>
           </div>
           <HeaderDividingLine />