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>