Add email confirmation page.

client-react/src/App.tsx

@@ -4,6 +4,7 @@ import './App.css';
 import { BrowserRouter as Router, Route, Link } from "react-router-dom";
 import { FirstFactor } from './pages/first-factor/first-factor';
 import { SecondFactor } from './pages/second-factor/second-factor';
+import ConfirmationSent from './pages/confirmation-sent/confirmation-sent';
 
 class App extends Component {
   render() {
@@ -12,6 +13,7 @@ class App extends Component {
         <div className="App">
           <Route exact path="/" component={FirstFactor} />
           <Route exact path="/2fa" component={SecondFactor} />
+          <Route exact path="/confirmation" component={ConfirmationSent} />
         </div>
       </Router>
     );

client-react/src/pages/confirmation-sent/confirmation-sent.module.css

@@ -0,0 +1,15 @@
+
+.main {
+  padding: 2em;
+}
+
+.image {
+  width: 100%;
+}
+
+.image img {
+  width: 64px;
+  display: block;
+  margin: 2em auto;
+  text-align: center;
+}

client-react/src/pages/confirmation-sent/confirmation-sent.tsx

@@ -0,0 +1,23 @@
+import React, { Component } from "react";
+
+import FormTemplate from '../../templates/form-template';
+
+import mail from '../../mail.png';
+
+import styles from './confirmation-sent.module.css';
+
+export default class ConfirmationSent extends Component {
+  render() {
+    return (
+      <FormTemplate title="Confirmation e-mail">
+        <div className={styles.main}>
+          <p>An e-mail has been sent to your address.</p>
+          <div className={styles.image}>
+            <img src={mail} alt="mail" />
+          </div>
+          <p>Please click on the link provided in the e-mail to confirm the operation.</p>
+        </div>
+      </FormTemplate>
+    )
+  }
+}