feature: AVS details page

NethermindEth · Oct 31, 2024 · 9a09864 · 9a09864
1 parent cba668e
commit 9a09864
Show file tree

Hide file tree

Showing 2 changed files with 513 additions and 0 deletions.
diff --git a/src/avs/AVSDetails.jsx b/src/avs/AVSDetails.jsx
@@ -12,6 +12,7 @@ import { useMutativeReducer } from 'use-mutative';
 import { useParams } from 'react-router-dom';
 import { useServices } from '../@services/ServiceContext';
 import { useTailwindBreakpoint } from '../shared/hooks/useTailwindBreakpoint';
+import AVSDetailsCumulativeRewardsTab from './AVSDetailsCumulativeRewardsTab';
 
 export default function AVSDetails() {
   const { address, tab } = useParams();
@@ -180,6 +181,38 @@ export default function AVSDetails() {
           />
         </Tab>
 
+
+        <Tab
+          href={`/avs/${address}/cumulative-rewards`}
+          key={`/avs/${address}/cumulative-rewards`}
+          title={
+            <div className="flex flex-col items-center">
+              <div className="text-sm text-foreground-2 group-aria-selected:text-foreground-1">
+                Cumulative rewards distributed
+              </div>
+              <div className="flex w-full justify-center">
+                {state.isAVSLoading && (
+                  <Skeleton className="mt-2 h-4 w-full min-w-16 rounded-md" />
+                )}
+
+                {state.error && <ErrorMessage error={state.error} />}
+
+                {!state.isAVSLoading && !state.error && (
+                  <span className="text-foreground-1 group-aria-selected:text-foreground">
+                    $21,345,456.45
+                  </span>
+                )}
+              </div>
+            </div>
+          }
+        >
+          <AVSDetailsCumulativeRewardsTab
+            ethRate={state.ethRate}
+          />
+        </Tab>
+
+
+
         <Tab
           key="restakers"
           title={