Merge pull request #3085 from IntersectMBO/feat/3082-voting-power-on-the-direct-voter-card-and-drep-details-page-adjustments

feat(#3072): remove own voting power from cards and drep details

Author: MSzalowski

govtool/frontend/package-lock.json

@@ -41,7 +41,7 @@
     "blakejs": "^1.2.1",
     "buffer": "^6.0.3",
     "date-fns": "^2.30.0",
-    "esbuild": "^0.24.0",
+    "esbuild": "^0.25.0",
     "i18next": "^23.7.19",
     "jsonld": "^8.3.2",
     "katex": "^0.16.21",

govtool/frontend/package.json

@@ -1,17 +1,10 @@
 import { useNavigate } from "react-router-dom";
-import { Trans } from "react-i18next";
-import { Box, Chip } from "@mui/material";
+import { Box } from "@mui/material";
 
 import { Button } from "@atoms";
 import { ICONS, PATHS } from "@consts";
-import { useCardano } from "@context";
-import {
-  useGetAdaHolderVotingPowerQuery,
-  useScreenDimension,
-  useTranslation,
-} from "@hooks";
+import { useScreenDimension, useTranslation } from "@hooks";
 import { DataMissingHeader } from "@molecules";
-import { correctVoteAdaFormat } from "@utils";
 import { DRepData } from "@/models";
 
 type DRepDetailsProps = {
@@ -25,12 +18,9 @@ export const DRepDetailsCardHeader = ({
   isMe,
   isMyDrep,
 }: DRepDetailsProps) => {
-  const { stakeKey } = useCardano();
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { screenWidth } = useScreenDimension();
-  const { votingPower: myVotingPower } =
-    useGetAdaHolderVotingPowerQuery(stakeKey);
 
   const { givenName, metadataStatus, image } = dRepData;
 
@@ -48,45 +38,14 @@ export const DRepDetailsCardHeader = ({
             alignSelf: "stretch",
             display: "flex",
             alignItems: "center",
-            justifyContent: "space-between",
+            justifyContent: "flex-end",
             mb: "18px",
             ...(screenWidth <= 1020 && {
               flexDirection: "column",
               gap: 3,
             }),
           }}
         >
-          <Chip
-            color="primary"
-            label={
-              <Trans
-                i18nKey={
-                  isMe
-                    ? isMyDrep
-                      ? "dRepDirectory.myDelegationToYourself"
-                      : "dRepDirectory.meAsDRep"
-                    : "dRepDirectory.myDRep"
-                }
-                values={{
-                  ada: correctVoteAdaFormat(myVotingPower),
-                }}
-              />
-            }
-            sx={{
-              boxShadow: (theme) => theme.shadows[2],
-              color: (theme) => theme.palette.text.primary,
-              px: 3,
-              py: 0.5,
-              ...(isMyDrep &&
-                !isMe && {
-                  width: "100%",
-                }),
-              ...(screenWidth <= 1020 && {
-                width: "100%",
-              }),
-            }}
-          />
-
           {isMe && (
             <Box
               sx={{

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

@@ -138,10 +138,7 @@ export const DRepDashboardCard = ({
       return {
         buttons: wasRegisteredOrNotRegisteredButtons,
         description: voter?.givenName ? (
-          <Trans
-            i18nKey="dashboard.cards.drep.notRegisteredWasRegisteredDescriptionWithGivenName"
-            values={{ givenName: voter?.givenName ?? "DRep" }}
-          />
+          <Trans i18nKey="dashboard.cards.drep.notRegisteredWasRegisteredDescriptionWithGivenName" />
         ) : (
           <Trans i18nKey="dashboard.cards.drep.notRegisteredWasRegisteredDescription" />
         ),

govtool/frontend/src/components/organisms/DashboardCards/DRepDashboardCard.tsx

@@ -98,10 +98,7 @@ export const DirectVoterDashboardCard = ({
           },
         ],
         description: (
-          <Trans
-            i18nKey="dashboard.cards.directVoter.wasRegisteredDescription"
-            values={{ votingPower: ada }}
-          />
+          <Trans i18nKey="dashboard.cards.directVoter.wasRegisteredDescription" />
         ),
         transactionId: voter?.soleVoterRetireTxHash,
         title: t("dashboard.cards.directVoter.wasDirectVoterTitle"),
@@ -120,10 +117,7 @@ export const DirectVoterDashboardCard = ({
         learnMoreButton,
       ],
       description: (
-        <Trans
-          i18nKey="dashboard.cards.directVoter.registerDescription"
-          values={{ votingPower: ada }}
-        />
+        <Trans i18nKey="dashboard.cards.directVoter.registerDescription" />
       ),
       title: t("dashboard.cards.directVoter.registerTitle"),
     };

govtool/frontend/src/components/organisms/DashboardCards/DirectVoterDashboardCard.tsx

@@ -90,7 +90,7 @@
       "directVoter": {
         "isRegisteredDescription": "Your Voting Power of ₳<strong>{{votingPower}}</strong> can be used to vote.",
         "register": "Register",
-        "registerDescription": "Register to Vote on Governance Actions using your own Voting Power of ₳<strong>{{votingPower}}</strong>.",
+        "registerDescription": "Register to Vote on Governance Actions.",
         "registerTitle": "Become a Direct Voter",
         "reRegister": "Re-register",
         "registration": "Direct Voter Registration",
@@ -99,7 +99,7 @@
         "wasDirectVoterTitle": "You Have Retired as a Direct Voter",
         "retirement": "Direct Voter Retirement",
         "retirementInProgress": "The retirement process is ongoing. This may take several minutes.",
-        "wasRegisteredDescription": "You cannot vote on Governance Actions using your own Voting Power of ₳<strong>{{votingPower}}</strong> until you re-register.",
+        "wasRegisteredDescription": "You cannot vote on Governance Actions until you re-register.",
         "youAreDirectVoterTitle": "You are a Direct Voter"
       },
       "delegation": {

govtool/frontend/src/i18n/locales/en.json

@@ -13,19 +13,12 @@ import {
   useWalletErrorModal,
 } from "@hooks";
 import { CenteredBoxBottomButtons, CenteredBoxPageWrapper } from "@molecules";
-import {
-  PROTOCOL_PARAMS_KEY,
-  checkIsWalletConnected,
-  correctVoteAdaFormat,
-  getItemFromLocalStorage,
-  openInNewTab,
-} from "@utils";
+import { checkIsWalletConnected, openInNewTab } from "@utils";
 import { WrongRouteInfo } from "@organisms";
 import { CertificatesBuilder } from "@emurgo/cardano-serialization-lib-asmjs";
 
 export const RegisterAsDirectVoter = () => {
   const { cExplorerBaseUrl } = useAppContext();
-  const epochParams = getItemFromLocalStorage(PROTOCOL_PARAMS_KEY);
   const navigate = useNavigate();
   const [isLoading, setIsLoading] = useState(false);
   const { t } = useTranslation();
@@ -144,7 +137,6 @@ export const RegisterAsDirectVoter = () => {
       >
         <Trans
           i18nKey="directVoter.registerDescription"
-          values={{ deposit: correctVoteAdaFormat(epochParams?.drep_deposit) }}
           components={[
             <Link
               onClick={() =>