rework confirmation

iotaledger · Jul 19, 2024 · 5f70f21 · 5f70f21
1 parent b644b2f
commit 5f70f21
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 80 deletions.
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
@@ -175,17 +175,19 @@
       }
     },
     "government": {
-      "confirm": {
+      "confirmation": {
         "confirmation": "Your Identity Credential Was Sent To Your Wallet",
+        "title": "🎉",
         "success": "Congratulations, You Claimed Your Identity!",
-        "nextStep": "Register your Company"
+        "nextStep": "Next, Register your Company"
       }
     },
     "company": {
-      "confirm": {
+      "confirmation": {
         "confirmation": "Your Company Credential Was Sent To Your Wallet",
+        "title": "🎉",
         "success": "Congratulations, You Setup your Company!",
-        "nextStep": "Claim Insurance"
+        "nextStep": "Next, Claim Open a Bank Account"
       },
       "incorporatedCompanies": {
         "newlyIncorporatedCompanies": "Newly Incorporated Companies"
@@ -203,10 +205,11 @@
       }
     },
     "bank": {
-      "confirm": {
+      "confirmation": {
         "confirmation": "Your Bank Credential Was Sent To Your Wallet",
+        "title": "🎉",
         "success": "Congratulations, You Claimed Your Bank Account!",
-        "nextStep": "Apply for Insurance"
+        "nextStep": "Next, Apply for Insurance"
       },
       "bankData": {
         "accountTypes": {
@@ -219,8 +222,9 @@
       }
     },
     "insurance": {
-      "confirm": {
+      "confirmation": {
         "confirmation": "Your Insurance Credential Was Sent To Your Wallet",
+        "title": "🎉",
         "success": "Congratulations, You Claimed Your Insurance!",
         "nextStep": "Ready for business"
       },

diff --git a/web/src/pages/Company/Confirmation.tsx b/web/src/pages/Company/Confirmation.tsx
@@ -12,42 +12,21 @@ import { useTranslation } from 'react-i18next';
  */
 const Confirmation: React.FC = () => {
     const { nextStep, theme } = useStep();
-    const [companyId, setCompanyId] = useState('');
     const [title, setTitle] = useState('');
 
     const { t } = useTranslation();
 
-    useEffect(() => {
-        async function determineCompanyId () {
-            setCompanyId(await getCompanyId());
-            switch (theme) {
-            case 'bank':
-                setTitle("pages.general.confirmation.titleBank");
-                break;
-            case 'insurance':
-                setTitle("pages.general.confirmation.titleInsurance");
-                break;
-            case 'company':
-                setTitle("pages.general.confirmation.titleCompany");
-                break;
-            default:
-                setTitle("pages.general.confirmation.titleCompany");
-                break;
-            }
-        }
-        determineCompanyId();
-    }, [companyId, theme]);
 
     return (
         <Layout>
             <RandomGraphicElement elements={5}>
                 <div className='confirmation-page'>
                     <div className='selv-wrapper'>
                         <img src={selv} alt='Selv app logo' />
-                        <h4>{t("pages.company.confirmation.confirmation")}</h4>
+                        <h4>{t("pages.company.confirmation.title")}</h4>
                     </div>
-                    <h2>{t(title)}</h2>
-                        <p>{t("pages.general.confirmation.success")}</p>
+                    <h2>{t("pages.company.confirmation.confirmation")}</h2>
+                        <p>{t("pages.company.confirmation.success")}</p>
                     <Link to={nextStep}>
                         <Button>
                             {t("pages.general.confirmation.nextStep")}

diff --git a/web/src/pages/Government/Confirmation.tsx b/web/src/pages/Government/Confirmation.tsx
@@ -12,32 +12,9 @@ import { useTranslation } from 'react-i18next';
  */
 const Confirmation: React.FC = () => {
     const { nextStep, theme } = useStep();
-    const [companyId, setCompanyId] = useState('');
-    const [title, setTitle] = useState('');
 
     const { t } = useTranslation();
 
-    useEffect(() => {
-        async function determineCompanyId () {
-            setCompanyId(await getCompanyId());
-            switch (theme) {
-            case 'bank':
-                setTitle("pages.general.confirmation.titleBank");
-                break;
-            case 'insurance':
-                setTitle("pages.general.confirmation.titleInsurance");
-                break;
-            case 'company':
-                setTitle("pages.general.confirmation.titleCompany");
-                break;
-            default:
-                setTitle("pages.general.confirmation.titleCompany");
-                break;
-            }
-        }
-        determineCompanyId();
-    }, [companyId, theme]);
-
     return (
         <Layout>
             <RandomGraphicElement elements={5}>
@@ -46,7 +23,7 @@ const Confirmation: React.FC = () => {
                         <img src={selv} alt='Selv app logo' />
                         <h4>{t("pages.government.confirmation.confirmation")}</h4>
                     </div>
-                    <h2>{t(title)}</h2>
+                    <h2>{t("pages.government.confirmation.title")}</h2>
                     <p>{t("pages.government.confirmation.success")}</p>
                     <Link to={nextStep}>
                         <Button>

diff --git a/web/src/pages/Insurance/Confirmation.tsx b/web/src/pages/Insurance/Confirmation.tsx
@@ -12,32 +12,8 @@ import { useTranslation } from 'react-i18next';
  */
 const Confirmation: React.FC = () => {
     const { nextStep, theme } = useStep();
-    const [companyId, setCompanyId] = useState('');
-    const [title, setTitle] = useState('');
 
     const { t } = useTranslation();
-
-    useEffect(() => {
-        async function determineCompanyId () {
-            setCompanyId(await getCompanyId());
-            switch (theme) {
-            case 'bank':
-                setTitle("pages.general.confirmation.titleBank");
-                break;
-            case 'insurance':
-                setTitle("pages.general.confirmation.titleInsurance");
-                break;
-            case 'company':
-                setTitle("pages.general.confirmation.titleCompany");
-                break;
-            default:
-                setTitle("pages.general.confirmation.titleCompany");
-                break;
-            }
-        }
-        determineCompanyId();
-    }, [companyId, theme]);
-
     return (
         <Layout>
             <RandomGraphicElement elements={5}>
@@ -46,7 +22,7 @@ const Confirmation: React.FC = () => {
                         <img src={selv} alt='Selv app logo' />
                         <h4>{t("pages.insurance.confirmation.confirmation")}</h4>
                     </div>
-                    <h2>{t(title)}</h2>
+                    <h2>{t("pages.insurance.confirmation.title")}</h2>
                     <p>{t("pages.insurance.confirmation.success")}</p>
                     <Link to={nextStep}>
                         <Button>