[#932] Automated voting options voting power fix

govtool/frontend/src/components/organisms/AutomatedVotingOptions.tsx

@@ -9,9 +9,9 @@ import {
 import { Typography } from "@atoms";
 import { ICONS } from "@consts";
 import { PendingTransaction } from "@context";
-import { useTranslation } from "@hooks";
+import { useGetNetworkMetrics, useTranslation } from "@hooks";
 import { AutomatedVotingCard } from "@molecules";
-import { openInNewTab } from "@/utils";
+import { correctAdaFormat, openInNewTab } from "@/utils";
 import {
   AutomatedVotingOptionCurrentDelegation,
   AutomatedVotingOptionDelegationId,
@@ -42,6 +42,8 @@ export const AutomatedVotingOptions = ({
 
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
+  const { networkMetrics } = useGetNetworkMetrics();
+
   // TODO: Change to certain automated voted option if available
   const onClickInfo = () => openInNewTab("https://docs.sanchogov.tools/");
 
@@ -117,7 +119,11 @@ export const AutomatedVotingOptions = ({
                   })
                 : t("dRepDirectory.abstainCardDefaultTitle")
             }
-            votingPower={votingPower}
+            votingPower={
+              networkMetrics
+                ? correctAdaFormat(networkMetrics?.alwaysAbstainVotingPower)
+                : ""
+            }
             transactionId={
               pendingTransaction?.delegate?.resourceId ===
               AutomatedVotingOptionDelegationId.abstain
@@ -148,7 +154,13 @@ export const AutomatedVotingOptions = ({
                   })
                 : t("dRepDirectory.noConfidenceDefaultTitle")
             }
-            votingPower={votingPower}
+            votingPower={
+              networkMetrics
+                ? correctAdaFormat(
+                    networkMetrics?.alwaysNoConfidenceVotingPower,
+                  )
+                : ""
+            }
             transactionId={
               pendingTransaction?.delegate?.resourceId ===
               AutomatedVotingOptionDelegationId.no_confidence

govtool/frontend/src/consts/queryKeys.ts

@@ -4,6 +4,7 @@ export const QUERY_KEYS = {
   useGetDRepListInfiniteKey: "useGetDRepListInfiniteKey",
   useGetDRepVotesKey: "useGetDRepVotesKey",
   useGetDRepVotingPowerKey: "useGetDRepVotingPowerKey",
+  useGetNetworkMetricsKey: "useGetNetworkMetricsKey",
   useGetProposalKey: "useGetProposalKey",
   useGetProposalsKey: "useGetProposalsKey",
   useGetProposalsInfiniteKey: "useGetProposalsInfiniteKey",

govtool/frontend/src/hooks/queries/index.ts

@@ -4,6 +4,7 @@ export * from "./useGetVoterInfoQuery";
 export * from "./useGetDRepListQuery";
 export * from "./useGetDRepVotesQuery";
 export * from "./useGetDRepVotingPowerQuery";
+export * from "./useGetNetworkMetrics";
 export * from "./useGetProposalQuery";
 export * from "./useGetProposalsQuery";
 export * from "./useGetProposalsInfiniteQuery";

govtool/frontend/src/hooks/queries/useGetNetworkMetrics.ts

@@ -0,0 +1,17 @@
+import { useQuery } from "react-query";
+
+import { getNetworkMetrics } from "@services";
+import { QUERY_KEYS } from "@consts";
+import { useCardano } from "@/context";
+
+export const useGetNetworkMetrics = () => {
+  const { isEnabled } = useCardano();
+
+  const { data } = useQuery({
+    queryKey: QUERY_KEYS.useGetNetworkMetricsKey,
+    queryFn: () => getNetworkMetrics(),
+    enabled: isEnabled,
+  });
+
+  return { networkMetrics: data };
+};

govtool/frontend/src/services/requests/getNetworkMetrics.ts

@@ -0,0 +1,7 @@
+import { API } from "../API";
+
+export const getNetworkMetrics = async () => {
+  const response = await API.get("/network/metrics");
+
+  return response.data;
+};

govtool/frontend/src/services/requests/index.ts

@@ -18,3 +18,4 @@ export * from "./postDRepRemoveVote";
 export * from "./postDRepRetire";
 export * from "./postDRepVote";
 export * from "./metadataValidation";
+export * from "./getNetworkMetrics";