adopt fp endpoint (#318)

* adopt fp endpoint * resolve comments
babylonlabs-io · Nov 8, 2024 · 4dcd1f3 · 4dcd1f3
1 parent 98859da
commit 4dcd1f3
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 7 deletions.
diff --git a/src/app/api/getFinalityProviders.ts b/src/app/api/getFinalityProviders.ts
@@ -3,7 +3,10 @@ import { encode } from "url-safe-base64";
 import { isValidUrl } from "@/utils/url";
 
 import { Pagination } from "../types/api";
-import { FinalityProvider } from "../types/finalityProviders";
+import {
+  FinalityProvider,
+  FinalityProviderState,
+} from "../types/finalityProviders";
 
 import { apiWrapper } from "./apiWrapper";
 
@@ -19,7 +22,7 @@ interface FinalityProvidersAPIResponse {
 
 interface FinalityProviderAPI {
   description: DescriptionAPI;
-  state: "active" | "standby";
+  state: FinalityProviderState;
   commission: string;
   btc_pk: string;
   active_tvl: number;
@@ -64,7 +67,7 @@ export const getFinalityProviders = async ({
 
   const response = await apiWrapper(
     "GET",
-    "/v1/finality-providers",
+    "/v2/finality-providers",
     "Error getting finality providers",
     params,
   );

diff --git a/src/app/components/Staking/FinalityProviders/FinalityProvider.tsx b/src/app/components/Staking/FinalityProviders/FinalityProvider.tsx
@@ -6,24 +6,31 @@ import { twJoin } from "tailwind-merge";
 
 import blue from "@/app/assets/blue-check.svg";
 import { Hash } from "@/app/components/Hash/Hash";
+import { FinalityProviderState } from "@/app/types/finalityProviders";
 import { getNetworkConfig } from "@/config/network.config";
 import { satoshiToBtc } from "@/utils/btcConversions";
 import { maxDecimals } from "@/utils/maxDecimals";
 
 interface FinalityProviderProps {
   moniker: string;
   pkHex: string;
-  state: "active" | "standby";
+  state: FinalityProviderState;
   stakeSat: number;
   commission: string;
   onClick: () => void;
   selected: boolean;
   website?: string;
 }
+const stateMap = {
+  FINALITY_PROVIDER_STATUS_INACTIVE: "Inactive",
+  FINALITY_PROVIDER_STATUS_ACTIVE: "Active",
+  FINALITY_PROVIDER_STATUS_JAILED: "Jailed",
+  FINALITY_PROVIDER_STATUS_SLASHED: "Slashed",
+} as const;
 
 export const FinalityProvider: React.FC<FinalityProviderProps> = ({
   moniker,
-  state = "active",
+  state,
   pkHex,
   stakeSat,
   commission,
@@ -130,7 +137,7 @@ export const FinalityProvider: React.FC<FinalityProviderProps> = ({
           />
         </div>
         <div className="flex justify-start gap-1 capitalize lg:justify-end">
-          <span className="lg:hidden">Status:</span> {state}
+          <span className="lg:hidden">Status:</span> {stateMap[state]}
         </div>
       </div>
     </div>

diff --git a/src/app/types/finalityProviders.ts b/src/app/types/finalityProviders.ts
@@ -1,6 +1,6 @@
 export interface FinalityProvider {
   description: Description;
-  state: "active" | "standby";
+  state: FinalityProviderState;
   commission: string;
   btcPk: string;
   activeTVLSat: number;
@@ -16,3 +16,9 @@ export interface Description {
   securityContact: string;
   details: string;
 }
+
+export type FinalityProviderState =
+  | "FINALITY_PROVIDER_STATUS_INACTIVE"
+  | "FINALITY_PROVIDER_STATUS_ACTIVE"
+  | "FINALITY_PROVIDER_STATUS_JAILED"
+  | "FINALITY_PROVIDER_STATUS_SLASHED";