From c8857e18c42d9231d1a016a19847c323bd17c463 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Fri, 31 Dec 2021 15:10:45 +0100
Subject: [PATCH] fix(nui): Visibility setting and building

---
 ui/package.json                         | 6 +++---
 ui/src/index.css                        | 1 +
 ui/src/providers/VisibilityProvider.tsx | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/package.json b/ui/package.json
index 8123ec6..33224a1 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "web",
-  "version": "0.1.0",
-  "homepage": "web/build",
+  "name": "ui",
+  "version": "1.0.0",
+  "homepage": "ui/build",
   "private": true,
   "dependencies": {
     "@chakra-ui/react": "^1.7.3",
diff --git a/ui/src/index.css b/ui/src/index.css
index 93ea930..70390ce 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -7,6 +7,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   height: 100vh;
+  background: none !important;
 }
 
 #root {
diff --git a/ui/src/providers/VisibilityProvider.tsx b/ui/src/providers/VisibilityProvider.tsx
index bbbdf42..53d23e7 100644
--- a/ui/src/providers/VisibilityProvider.tsx
+++ b/ui/src/providers/VisibilityProvider.tsx
@@ -24,6 +24,7 @@ export const VisibilityProvider: React.FC = ({ children }) => {
     const keyHandler = (e: KeyboardEvent) => {
       if (['Escape'].includes(e.code)) {
         fetchNui('exit');
+        setVisible(false);
       }
     };