[#119] Make voting on governance actions possible

IntersectMBO · Feb 27, 2024 · c716ea7 · c716ea7
1 parent abdbfe4
commit c716ea7
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 26 deletions.
diff --git a/govtool/frontend/src/components/organisms/BgCard.tsx b/govtool/frontend/src/components/organisms/BgCard.tsx
@@ -61,7 +61,7 @@ export const BgCard = ({
         {actionButtonLabel}
       </LoadingButton>
     );
-  }, [isLoadingActionButton, isMobile]);
+  }, [isLoadingActionButton, isMobile, actionButtonLabel]);
 
   return (
     <Box

diff --git a/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx b/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
@@ -134,7 +134,7 @@ export const DashboardGovernanceActionDetails = () => {
                 ? formatDisplayDate(state.expiryDate)
                 : formatDisplayDate(data.proposal.expiryDate)
             }
-            isDRep={voter?.isRegisteredAsDRep}
+            isDRep={voter?.isRegisteredAsDRep || voter?.isRegisteredAsSoleVoter}
             noVotes={state ? state.noVotes : data.proposal.noVotes}
             type={
               state

diff --git a/govtool/frontend/src/components/organisms/DashboardGovernanceActions.tsx b/govtool/frontend/src/components/organisms/DashboardGovernanceActions.tsx
@@ -121,7 +121,7 @@ export const DashboardGovernanceActions = () => {
             sortingActive={Boolean(chosenSorting)}
             sortOpen={sortOpen}
           />
-          {voter?.isRegisteredAsDRep && (
+          {(voter?.isRegisteredAsDRep || voter?.isRegisteredAsSoleVoter) && (
             <Tabs
               sx={{
                 marginTop: 3,

diff --git a/govtool/frontend/src/components/organisms/DashboardTopNav.tsx b/govtool/frontend/src/components/organisms/DashboardTopNav.tsx
@@ -44,7 +44,7 @@ export const DashboardTopNav = ({
       alignItems={"center"}
       justifyContent={"space-between"}
       borderBottom={1}
-      borderColor={"#D6E2FF"}
+      borderColor="#D6E2FF"
       position="fixed"
       zIndex={100}
       flex={1}
@@ -168,7 +168,8 @@ export const DashboardTopNav = ({
                   </Grid>
                 </Grid>
               </Box>
-              {voter?.isRegisteredAsDRep && <DRepInfoCard />}
+              {(voter?.isRegisteredAsDRep ||
+                voter?.isRegisteredAsSoleVoter) && <DRepInfoCard />}
               <Box py={2} />
               <WalletInfoCard />
             </Box>

diff --git a/govtool/frontend/src/components/organisms/DelegateTodRepStepOne.tsx b/govtool/frontend/src/components/organisms/DelegateTodRepStepOne.tsx
@@ -134,6 +134,7 @@ export const DelegateTodRepStepOne = ({ setStep }: DelegateProps) => {
     chosenOption,
     delegate,
     voter?.isRegisteredAsDRep,
+    voter?.isRegisteredAsSoleVoter,
     dRepID,
     isDelegationLoading,
     isMobile,
@@ -177,9 +178,9 @@ export const DelegateTodRepStepOne = ({ setStep }: DelegateProps) => {
             <Box
               border={1}
               borderColor="#D6E2FF"
-              py={"12px"}
-              px={"24px"}
-              mb={"32px"}
+              py="12px"
+              px="24px"
+              mb="32px"
               borderRadius={3}
             >
               <Box sx={{ display: "flex", alignItems: "center" }}>
@@ -211,24 +212,27 @@ export const DelegateTodRepStepOne = ({ setStep }: DelegateProps) => {
         <Grid
           container
           columns={1}
-          display={"flex"}
-          flexDirection={"column"}
+          display="flex"
+          flexDirection="column"
           rowGap={3}
         >
-          {voter?.isRegisteredAsDRep && currentDelegation !== dRepID && (
-            <Grid item>
-              <ActionRadio
-                onChange={setChosenOption}
-                tooltipTitle={t("tooltips.delegateTodRep.toMyself.heading")}
-                tooltipText={t("tooltips.delegateTodRep.toMyself.paragraphOne")}
-                isChecked={chosenOption === dRepID}
-                subtitle={t("delegation.toMyself.subtitle")}
-                title={t("delegation.toMyself.title")}
-                value={dRepID}
-                dataTestId="delegate-to-myself-card"
-              />
-            </Grid>
-          )}
+          {(voter?.isRegisteredAsDRep || voter?.isRegisteredAsSoleVoter) &&
+            currentDelegation !== dRepID && (
+              <Grid item>
+                <ActionRadio
+                  onChange={setChosenOption}
+                  tooltipTitle={t("tooltips.delegateTodRep.toMyself.heading")}
+                  tooltipText={t(
+                    "tooltips.delegateTodRep.toMyself.paragraphOne"
+                  )}
+                  isChecked={chosenOption === dRepID}
+                  subtitle={t("delegation.toMyself.subtitle")}
+                  title={t("delegation.toMyself.title")}
+                  value={dRepID}
+                  dataTestId="delegate-to-myself-card"
+                />
+              </Grid>
+            )}
           <Grid item>
             <ActionRadio
               onChange={setChosenOption}

diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepTwo.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepTwo.tsx
@@ -18,15 +18,15 @@ interface Props {
 export const RegisterAsdRepStepTwo = ({ setStep }: Props) => {
   const { t } = useTranslation();
   const { isMobile } = useScreenDimension();
-  const { control, errors } = useRegisterAsdRepFormContext();
+  const { showSubmitButton, control, errors } = useRegisterAsdRepFormContext();
 
   const onClickContinue = useCallback(() => setStep(3), []);
 
   const onClickBackButton = useCallback(() => setStep(1), []);
 
   return (
     <BgCard
-      actionButtonLabel={t("skip")}
+      actionButtonLabel={showSubmitButton ? t("continue") : t("skip")}
       onClickActionButton={onClickContinue}
       onClickBackButton={onClickBackButton}
     >

diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
@@ -431,6 +431,7 @@ export const en = {
     ok: "Ok",
     select: "Select",
     seeTransaction: "See transaction",
+    submit: "Submit",
     skip: "Skip",
     sortBy: "Sort by",
     thisLink: "this link",