Merge pull request #26 from privacybydesign/email-sent-back-button

Improvement: add back button in EmailSent component
privacybydesign · Sep 26, 2022 · 3202ab4 · 3202ab4
2 parents 985961f + 4d9f997
commit 3202ab4
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/src/components/login/email_sent.js b/src/components/login/email_sent.js
@@ -1,14 +1,22 @@
 import React from 'react';
 import { withTranslation } from 'react-i18next';
 import IrmaAppBar from '../../widgets/irma_app_bar';
+import IrmaButton from '../../widgets/irma_button';
 import Column from '../../widgets/column';
 
 const EmailSent = (props) => {
+  const onBack = () => {
+    props.dispatch({ type: 'loggedOut' });
+  };
+
   return (
     <>
       <IrmaAppBar title={props.t('title')} />,
       <Column>
         <p>{props.t('explanation')}</p>
+        <IrmaButton theme={'primary'} onClick={onBack}>
+          {props.t('back')}
+        </IrmaButton>
       </Column>
     </>
   );

diff --git a/src/components/login/index.js b/src/components/login/index.js
@@ -18,7 +18,7 @@ const Login = (props) => {
     case 'selectCandidate':
       return <SelectCandidate dispatch={props.dispatch} candidates={props.candidates} token={props.token} />;
     case 'emailSent':
-      return <EmailSent />;
+      return <EmailSent dispatch={props.dispatch} />;
     default:
       return <LoadingSpinner />;
   }

diff --git a/src/translations/en.json b/src/translations/en.json
@@ -27,7 +27,8 @@
   },
   "login-email-sent": {
     "title": "Check your email",
-    "explanation": "Log in by clicking on the link that has been sent to your email address. If you did not receive anything, then the email address you entered was probably not known to us."
+    "explanation": "Log in by clicking on the link that has been sent to your email address. If you did not receive anything, then the email address you entered was probably not known to us.",
+    "back": "Back"
   },
   "registration-verified": {
     "title": "MyIRMA registration finished",

diff --git a/src/translations/nl.json b/src/translations/nl.json
@@ -27,7 +27,8 @@
   },
   "login-email-sent": {
     "title": "Controleer je e-mail",
-    "explanation": "Log in door te klikken op de link die naar je e-mailadres is verstuurd. Als je niets ontvangen hebt, dan was het ingevulde e-mailadres vermoedelijk niet bekend bij ons."
+    "explanation": "Log in door te klikken op de link die naar je e-mailadres is verstuurd. Als je niets ontvangen hebt, dan was het ingevulde e-mailadres vermoedelijk niet bekend bij ons.",
+    "back": "Terug"
   },
   "registration-verified": {
     "title": "MijnIRMA-registratie klaar",