From d0b4b729c93d3cd46f1a94a0fcbf92d60d365021 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Tue, 15 Mar 2022 10:59:38 +0100
Subject: [PATCH] hide overlays by esc shortcut

---
 public/mix-manifest.json                        | 10 +++++-----
 resources/js/App.vue                            |  8 +++++++-
 resources/js/components/Desktop/PopoverItem.vue |  1 +
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index c1e10d98..5fce56a1 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
     "/js/main.js": "/js/main.js",
-    "/chunks/request.js": "/chunks/request.js?id=e962b17f1de9db87",
+    "/chunks/request.js": "/chunks/request.js?id=6e899824be266ea6",
     "/chunks/request-upload.js": "/chunks/request-upload.js?id=838bc706adb900ab",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=19a0784e59d768ec",
     "/chunks/status-check.js": "/chunks/status-check.js?id=0bcc38e60d97631d",
@@ -9,13 +9,13 @@
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=7f6a9af36bfcd706",
     "/chunks/app-setup.js": "/chunks/app-setup.js?id=0df2494d2269a949",
     "/chunks/admin-account.js": "/chunks/admin-account.js?id=2d131d1d784c98b9",
-    "/chunks/shared.js": "/chunks/shared.js?id=fc95b374dd3eabba",
+    "/chunks/shared.js": "/chunks/shared.js?id=e68646d339b36632",
     "/chunks/shared/browser.js": "/chunks/shared/browser.js?id=7bb384461baaf4f2",
     "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=34e05a8b937a1436",
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=2b7cf12984397d27",
     "/chunks/not-found.js": "/chunks/not-found.js?id=36763aa314e00327",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=a3906226272982b1",
-    "/chunks/admin.js": "/chunks/admin.js?id=b5c1b1ee97b4f303",
+    "/chunks/admin.js": "/chunks/admin.js?id=c3eb2a10ca6f09b8",
     "/chunks/dashboard.js": "/chunks/dashboard.js?id=0ba6b75f07f739e2",
     "/chunks/invoices.js": "/chunks/invoices.js?id=f89964a5a55ace45",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=62582c26b6288d7d",
@@ -57,12 +57,12 @@
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=849c274b322f055b",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=3c5ba5865e21da37",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=8654bf89e7d9685b",
-    "/chunks/settings.js": "/chunks/settings.js?id=b6ce85c1860aa6dc",
+    "/chunks/settings.js": "/chunks/settings.js?id=10aae65b59430310",
     "/chunks/profile.js": "/chunks/profile.js?id=4ba370c98d374788",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=11e766eb42e485cf",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=90ba712f3728443b",
     "/chunks/billing.js": "/chunks/billing.js?id=f04fe6a3e9fb5c13",
-    "/chunks/platform.js": "/chunks/platform.js?id=232b0afb07ca0258",
+    "/chunks/platform.js": "/chunks/platform.js?id=2fc77f79e9101e15",
     "/chunks/files.js": "/chunks/files.js?id=6f7a94e2ce0d29d2",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=84e3cbbe6b2225e7",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=6f9959c2b460d9e8",
diff --git a/resources/js/App.vue b/resources/js/App.vue
index 35dfc4bc..c6ac5963 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div @keydown.esc="closeOverlays" tabindex="-1">
         <!--UI components-->
         <Alert />
         <ToasterWrapper />
@@ -72,6 +72,12 @@ export default {
 		}
     },
     methods: {
+		closeOverlays() {
+			events.$emit('popup:close')
+			events.$emit('popover:close')
+
+			this.$store.commit('CLOSE_NOTIFICATION_CENTER')
+		},
         spotlightListener(e) {
 			if (e.key === 'k' && e.metaKey || e.key === 'k' && e.ctrlKey) {
 				e.preventDefault()
diff --git a/resources/js/components/Desktop/PopoverItem.vue b/resources/js/components/Desktop/PopoverItem.vue
index fc1e30b3..09d574ea 100644
--- a/resources/js/components/Desktop/PopoverItem.vue
+++ b/resources/js/components/Desktop/PopoverItem.vue
@@ -36,6 +36,7 @@ export default {
                 this.isVisible = !this.isVisible
             }
         })
+        events.$on('popover:close', () => this.isVisible = false)
     },
 }
 </script>