Merge pull request #2697 from IntersectMBO/fix/2408-blank-screen-appears-when-delegatingregistering-drep-with-a-wallet-lacking-utxos

fix(#2408): fix blank screen on registering as a DRep

Author: MSzalowski

CHANGELOG.md

@@ -17,6 +17,7 @@ changes.
 ### Fixed
 
 - Fix usage of trim on missing label
+- Fix blank screen when registering as a DRep [Issue 2408](https://github.com/IntersectMBO/govtool/issues/2408)
 
 ### Changed
 

govtool/frontend/src/components/organisms/RegisterAsDRepSteps/WhatRetirementMeans.tsx

@@ -72,7 +72,7 @@ export const WhatRetirementMeans = ({
     } catch (error: any) {
       Sentry.captureException(error);
       openWalletErrorModal({
-        error,
+        error: error?.message ? error.message : JSON.stringify(error),
         onSumbit: onClickCancel,
         buttonText: t("modals.common.goToDashboard"),
         dataTestId: "retirement-transaction-error-modal",

govtool/frontend/src/hooks/forms/useEditDRepInfoForm.ts

@@ -176,7 +176,7 @@ export const useEditDRepInfoForm = (
           Sentry.captureException(error);
 
           openWalletErrorModal({
-            error,
+            error: error?.message ? error.message : JSON.stringify(error),
             onSumbit: () => backToDashboard(),
             dataTestId: "edit-drep-transaction-error-modal",
           });

govtool/frontend/src/hooks/forms/useRegisterAsdRepForm.tsx

@@ -216,7 +216,7 @@ export const useRegisterAsdRepForm = (
           });
         } else {
           openWalletErrorModal({
-            error,
+            error: error?.message ? error.message : JSON.stringify(error),
             onSumbit: () => backToDashboard(),
             dataTestId: "registration-transaction-error-modal",
           });

govtool/frontend/src/hooks/forms/useVoteActionForm.tsx

@@ -3,7 +3,6 @@ import { useForm, useWatch } from "react-hook-form";
 import * as Yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useLocation, useNavigate, useParams } from "react-router-dom";
-import * as Sentry from "@sentry/react";
 
 import { PATHS } from "@consts";
 import { useCardano, useSnackbar } from "@context";
@@ -106,8 +105,6 @@ export const useVoteActionForm = ({
           });
         }
       } catch (error) {
-        Sentry.setTag("hook", "useVoteActionForm");
-        Sentry.captureException(error);
         openWalletErrorModal({
           error,
           dataTestId: "vote-transaction-error-modal",

govtool/frontend/src/hooks/useDelegateToDrep.ts

@@ -50,13 +50,10 @@ export const useDelegateTodRep = () => {
           resourceId: dRepId,
           voter,
         });
-      } catch (error) {
-        console.error({ error });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      } catch (error: any) {
         openWalletErrorModal({
-          error:
-            typeof error === "string"
-              ? error
-              : (error as { message: string | null })?.message,
+          error: error?.message ? error.message : JSON.stringify(error),
           dataTestId: "delegate-transaction-error-modal",
         });
       } finally {

govtool/frontend/src/pages/RegisterAsDirectVoter.tsx

@@ -86,7 +86,7 @@ export const RegisterAsDirectVoter = () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
       openWalletErrorModal({
-        error,
+        error: error?.message ? error.message : JSON.stringify(error),
         buttonText: t("modals.common.goToDashboard"),
         onSumbit: () => navigate(PATHS.dashboard),
         dataTestId: "registration-transaction-error-modal",

govtool/frontend/src/pages/RetireAsDirectVoter.tsx

@@ -61,7 +61,7 @@ export const RetireAsDirectVoter = () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
       openWalletErrorModal({
-        error,
+        error: error?.message ? error.message : JSON.stringify(error),
         buttonText: t("modals.common.goToDashboard"),
         onSumbit: () => navigate(PATHS.dashboard),
         dataTestId: "retirement-transaction-error-modal",