Feat/198 sole voter retirement

CHANGELOG.md

@@ -9,11 +9,14 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Add retire as Sole Voter screen [Issue 198](https://github.com/IntersectMBO/govtool/issues/198)
+- Add Sole Voter card [Issue 141](https://github.com/IntersectMBO/govtool/issues/141)
 - Create Checkbox component. Improve Field and ControlledField [Issue 177](https://github.com/IntersectMBO/govtool/pull/177)
 - Vitest unit tests added for utils functions [Issue 81](https://github.com/IntersectMBO/govtool/issues/81)
 - i18next library added to FE [Issue 80](https://github.com/IntersectMBO/govtool/issues/80)
 
 ### Fixed
+
 - Fix copy for maintenance page [Issue 180](https://github.com/IntersectMBO/govtool/issues/180)
 - Fix misleading metadata hash text [Issue 90](https://github.com/IntersectMBO/govtool/issues/90)
 - Fixed vote calculation problems related to NoConfidence DRep [Issue 59](https://github.com/IntersectMBO/govtool/issues/59)

govtool/frontend/src/App.tsx

@@ -21,6 +21,7 @@ import {
   UpdatedRepMetadata,
   GovernanceActionsCategory,
   DashboardGovernanceActionsCategory,
+  RetireAsSoleVoter,
 } from "@pages";
 import {
   callAll,
@@ -30,6 +31,7 @@ import {
 } from "@utils";
 import { SetupInterceptors } from "./services";
 import { useGetDRepInfo, useWalletConnectionListener } from "./hooks";
+import { RegisterAsSoleVoter } from "./pages/RegisterAsSoleVoter";
 
 export default function App() {
   const { enable, setDRep, setIsDrepLoading } = useCardano();
@@ -115,6 +117,11 @@ export default function App() {
         </Route>
         <Route path={PATHS.delegateTodRep} element={<DelegateTodRep />} />
         <Route path={PATHS.registerAsdRep} element={<RegisterAsdRep />} />
+        <Route
+          path={PATHS.registerAsSoleVoter}
+          element={<RegisterAsSoleVoter />}
+        />
+        <Route path={PATHS.retireAsSoleVoter} element={<RetireAsSoleVoter />} />
         <Route path={PATHS.stakeKeys} element={<ChooseStakeKey />} />
         <Route path={PATHS.updateMetadata} element={<UpdatedRepMetadata />} />
         <Route path="*" element={<ErrorPage />} />

govtool/frontend/src/components/molecules/ActionCard.tsx

@@ -94,7 +94,6 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
           <Button
             data-testid={dataTestIdFirstButton}
             onClick={firstButtonAction}
-            size="large"
             sx={{
               width: MOBILE_AND_WIDE_CONDITION ? "100%" : "auto",
             }}

govtool/frontend/src/components/molecules/DashboardActionCard.tsx

@@ -18,9 +18,7 @@ type DashboardActionCardProps = {
   firstButtonIsLoading?: boolean;
   firstButtonLabel?: string;
   firstButtonVariant?: ButtonProps["variant"];
-  imageHeight?: number;
   imageURL?: string;
-  imageWidth?: number;
   inProgress?: boolean;
   isLoading?: boolean;
   secondButtonAction?: () => void;
@@ -62,17 +60,15 @@ export const DashboardActionCard: FC<DashboardActionCardProps> = ({
 
   return (
     <Box
-      mb={3}
-      p={3}
-      sx={{ boxShadow: `5px 5px 15px 5px ${boxShadow2}` }}
+      border={inProgress && !isLoading ? 1 : 0}
+      borderColor="accentOrange"
       borderRadius={3}
-      flex={1}
       display="flex"
+      flex={1}
       flexDirection="column"
-      border={inProgress && !isLoading ? 1 : 0}
-      borderColor="accentOrange"
+      p={3}
       position="relative"
-      maxWidth={440}
+      sx={{ boxShadow: `5px 5px 15px 5px ${boxShadow2}` }}
     >
       {inProgress && !isLoading && (
         <Box