From 21bc1f2ed71e282c7a4e81d98a63f461ec1ecc83 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Wed, 13 Jan 2021 00:49:24 +0500
Subject: [PATCH] feat: show loading when logging out

---
 apps/web/src/components/placeholders/index.js |  2 +-
 apps/web/src/views/settings.js                | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/placeholders/index.js b/apps/web/src/components/placeholders/index.js
index f6938aa6a..8be79e353 100644
--- a/apps/web/src/components/placeholders/index.js
+++ b/apps/web/src/components/placeholders/index.js
@@ -8,7 +8,7 @@ function Placeholder(props) {
   useEffect(() => {
     changeSvgTheme(accent);
   }, [accent]);
-  const { image: Image, title, text, callToAction } = props;
+  const { image: Image, text, callToAction } = props;
 
   return (
     <>
diff --git a/apps/web/src/views/settings.js b/apps/web/src/views/settings.js
index 836b102b0..593ec40d9 100644
--- a/apps/web/src/views/settings.js
+++ b/apps/web/src/views/settings.js
@@ -257,7 +257,18 @@ function Settings(props) {
               variant="list"
               onClick={async () => {
                 if (await showLogoutConfirmation()) {
-                  await db.user.logout(true);
+                  await showLoadingDialog({
+                    title: "Logging you out",
+                    subtitle: "We are logging you out. Please wait...",
+                    action: async () => {
+                      await db.user.logout(true);
+                    },
+                    message: (
+                      <Text color="error">
+                        Please do NOT close your browser or shut down your PC.
+                      </Text>
+                    ),
+                  });
                   showToast("success", "You have been logged out.");
                 }
               }}