Merge pull request #329 from amplimindcc/328-add-reset-password-to-lo…

…gout-page

add reset password

src/locales/de/logout.json

@@ -1,5 +1,6 @@
 {
     "logoutSuccessful": "Abmeldung erfolgreich",
     "logoutError": "Abmeldung fehlgeschlagen: ",
-    "logoutButton": "Abmelden"
+    "logoutButton": "Abmelden",
+    "resetPassword": "Passwort zurücksetzen"
 }

src/locales/en/logout.json

@@ -1,5 +1,6 @@
 {
     "logoutSuccessful": "Logout successful",
     "logoutError": "Logout failed with: ",
-    "logoutButton": "Logout"
+    "logoutButton": "Logout",
+    "resetPassword": "Reset password"
 }

src/pages/Logout/Logout.test.jsx

@@ -44,6 +44,10 @@ describe('Logout', () => {
 
         await screen.findByText(/logout successful/i);
     });
+
+    test('reset password link is rendered', async () => {
+        await screen.findByRole('link', { name: /reset password/i });
+    })
 });
 
 afterEach(() => {

src/pages/Logout/Logout.tsx

@@ -7,6 +7,7 @@ import { useNavigate } from 'react-router-dom';
 import { StatusCodes, getReasonPhrase } from 'http-status-codes';
 import { useTranslation } from 'react-i18next';
 import { useAuthenticatedContext } from '../../components/Context/AuthenticatedContext/useAuthenticatedContext';
+import { Link } from 'react-router-dom';
 
 /**
  * Logout page
@@ -71,6 +72,12 @@ export default function Logout() {
         <div className="logout center">
             <h1>Logout</h1>
             <Button text={t('logoutButton')} handleClick={logout} />
+            <Link
+                id="resetPassword"
+                to="/resetPasswordRequest"
+            >
+                {t('resetPassword')}
+            </Link>
         </div>
     );
 }