From 37e1bfb799d6bba8e782c256dced87e833bae1a6 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Wed, 23 Mar 2022 19:43:15 +0500
Subject: [PATCH] feat: add logout button on session expiry view

---
 apps/web/src/views/auth.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/apps/web/src/views/auth.tsx b/apps/web/src/views/auth.tsx
index 0cfa04195..79c95e15b 100644
--- a/apps/web/src/views/auth.tsx
+++ b/apps/web/src/views/auth.tsx
@@ -9,6 +9,7 @@ import {
   MFAEmail,
   MFARecoveryCode,
   ArrowRight,
+  Logout,
 } from "../components/icons";
 import Field from "../components/field";
 import { getQueryParams, hardNavigate, makeURL } from "../navigation";
@@ -157,6 +158,24 @@ function Auth(props: AuthProps) {
           >
             Jump to app <ArrowRight size={18} sx={{ ml: 1 }} />
           </Button>
+        ) : route === "sessionExpiry" ? (
+          <>
+            <Button
+              variant={"secondary"}
+              sx={{
+                display: "flex",
+                mt: 2,
+                mr: 2,
+                alignSelf: "end",
+                alignItems: "center",
+              }}
+              onClick={() => db.user.logout()}
+              color="error"
+            >
+              <Logout size={16} sx={{ mr: 1 }} color="error" /> Logout
+              permanently
+            </Button>
+          </>
         ) : null}
 
         {Route && (