From 38e227a9d4860ef8771c9b49ce8f40281e3e00df Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Mon, 29 Aug 2022 20:15:47 +0200
Subject: [PATCH] feat: add button to sign out to all connected devices

---
 .../Application/UserSettings/UserSettings.tsx | 19 ++++++++++++-------
 locales/en/application.json                   |  1 +
 locales/fr/application.json                   |  1 +
 tools/authentication/Authentication.ts        |  7 +++++++
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/components/Application/UserSettings/UserSettings.tsx b/components/Application/UserSettings/UserSettings.tsx
index 4ab3414..2e9e30c 100644
--- a/components/Application/UserSettings/UserSettings.tsx
+++ b/components/Application/UserSettings/UserSettings.tsx
@@ -170,13 +170,13 @@ export const UserSettings: React.FC = () => {
   }
 
   const handleSignout = async (): Promise<void> => {
-    try {
-      setFetchState('loading')
-      await authentication.signoutServerSide()
-    } catch (error) {
-      setFetchState('error')
-      setMessage('errors:server-error')
-    }
+    setFetchState('loading')
+    await authentication.signoutServerSide()
+  }
+
+  const handleSignoutAllDevices = async (): Promise<void> => {
+    setFetchState('loading')
+    await authentication.signoutAllDevicesServerSide()
   }
 
   const handleDeletionProvider = (
@@ -375,6 +375,11 @@ export const UserSettings: React.FC = () => {
             {t('application:signout')}
           </Button>
         </div>
+        <div className='mt-4'>
+          <Button type='button' color='red' onClick={handleSignoutAllDevices}>
+            {t('application:signout-all-devices')}
+          </Button>
+        </div>
         <FormState
           state={fetchState}
           message={message != null ? t(message) : undefined}
diff --git a/locales/en/application.json b/locales/en/application.json
index 6c8fa95..1371ad9 100644
--- a/locales/en/application.json
+++ b/locales/en/application.json
@@ -25,6 +25,7 @@
   "success-email-changed": "Please check your emails to confirm your new email address. You are now signed out.",
   "delete": "Delete",
   "signout": "Sign out",
+  "signout-all-devices": "Sign out of all devices",
   "signin-with-an-account": "Sign in with an account",
   "signout-with-an-account": "Sign out with an account",
   "success-deleted-provider": "The provider has been deleted.",
diff --git a/locales/fr/application.json b/locales/fr/application.json
index de0ef12..2e23f23 100644
--- a/locales/fr/application.json
+++ b/locales/fr/application.json
@@ -25,6 +25,7 @@
   "success-email-changed": "Veuillez vérifier vos emails pour confirmer votre nouvelle adresse email. Vous êtes maintenant déconnecté.",
   "delete": "Supprimer",
   "signout": "Se déconnecter",
+  "signout-all-devices": "Se déconnecter de tous les appareils",
   "signin-with-an-account": "Se connecter avec un compte",
   "signout-with-an-account": "Se déconnecter avec un compte",
   "success-deleted-provider": "Le moyen de connexion a été supprimé.",
diff --git a/tools/authentication/Authentication.ts b/tools/authentication/Authentication.ts
index df4747b..4e97dbd 100644
--- a/tools/authentication/Authentication.ts
+++ b/tools/authentication/Authentication.ts
@@ -112,6 +112,13 @@ export class Authentication {
     this.signout()
   }
 
+  public async signoutAllDevicesServerSide(): Promise<void> {
+    try {
+      await this.api.delete('/users/signout')
+    } catch {}
+    this.signout()
+  }
+
   public signin(): void {
     cookies.set('refreshToken', this.tokens.refreshToken)
   }