[#80] wrap with useCallback registration card texts

IntersectMBO · Feb 7, 2024 · cff85e3 · cff85e3
1 parent 6d21f03
commit cff85e3
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/govtool/frontend/src/components/organisms/DashboardCards.tsx b/govtool/frontend/src/components/organisms/DashboardCards.tsx
@@ -213,7 +213,7 @@ export const DashboardCards = () => {
     formHexToBech32,
   ]);
 
-  const getRegistrationCardDescription = () => {
+  const getRegistrationCardDescription = useCallback(() => {
     if (registerTransaction.transactionHash) {
       switch (registerTransaction.type) {
         case "retirement":
@@ -228,9 +228,14 @@ export const DashboardCards = () => {
     } else {
       return t("dashboard.registration.ifYouWant");
     }
-  };
+  }, [
+    registerTransaction.transactionHash,
+    registerTransaction.type,
+    dRep?.isRegistered,
+    dRep?.wasRegistered,
+  ]);
 
-  const getRegistrationCardTitle = () => {
+  const getRegistrationCardTitle = useCallback(() => {
     if (registerTransaction?.transactionHash) {
       switch (registerTransaction.type) {
         case "retirement":
@@ -247,7 +252,12 @@ export const DashboardCards = () => {
     } else {
       return t("dashboard.registration.registerAsDRep");
     }
-  };
+  }, [
+    registerTransaction?.transactionHash,
+    registerTransaction.type,
+    dRep?.isRegistered,
+    dRep?.wasRegistered,
+  ]);
 
   const renderGovActionSection = useCallback(() => {
     return (