From 3d0f9bba2a8ed6e958f69f65602537537894cfc6 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 1 May 2022 17:12:20 -0500
Subject: [PATCH] made it transparent I think?

---
 packages/desktop/src/components/header/index.tsx | 5 +++--
 packages/desktop/src/electron/constants.ts       | 2 +-
 packages/desktop/src/index.ts                    | 7 ++++++-
 packages/desktop/src/styles/index.css            | 8 ++++++++
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/desktop/src/components/header/index.tsx b/packages/desktop/src/components/header/index.tsx
index 8612aa7..59ac376 100644
--- a/packages/desktop/src/components/header/index.tsx
+++ b/packages/desktop/src/components/header/index.tsx
@@ -43,8 +43,9 @@ export default function NirvanaHeader({
   }, []);
 
   useEffect(() => {
-    if (userVideoStream && outputMode === "video")
-      document.querySelector("video").srcObject = userVideoStream;
+    const videoElem = document.querySelector("video");
+    if (userVideoStream && outputMode === "video" && videoElem)
+      videoElem.srcObject = userVideoStream;
   }, [userVideoStream, outputMode]);
 
   const menuOpen = useMemo(() => Boolean(anchorEl), [anchorEl]);
diff --git a/packages/desktop/src/electron/constants.ts b/packages/desktop/src/electron/constants.ts
index 2126192..9a1bd08 100644
--- a/packages/desktop/src/electron/constants.ts
+++ b/packages/desktop/src/electron/constants.ts
@@ -30,7 +30,7 @@ export const DimensionPresets = {
   // todo: typically just send whatever dimensions are needed
   overlayOnlyMode: {
     height: 800,
-    width: 300,
+    width: 400,
   },
 };
 
diff --git a/packages/desktop/src/index.ts b/packages/desktop/src/index.ts
index 3210429..2e9ce4e 100644
--- a/packages/desktop/src/index.ts
+++ b/packages/desktop/src/index.ts
@@ -48,6 +48,11 @@ const createWindow = (): void => {
     roundedCorners: false,
   });
 
+  browserWindow.setBackgroundColor("#00000000");
+
+  browserWindow.setIgnoreMouseEvents(true);
+  browserWindow.setFocusable(false);
+
   // and load the index.html of the app.
   browserWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);
 
@@ -91,7 +96,7 @@ app
 
         // move window/overlay to top right
 
-        browserWindow.setPosition(display.bounds.width - 300, 0, true);
+        browserWindow.setPosition(display.bounds.width - width, 0, true);
 
         browserWindow.setSize(width, height, true);
       } else {
diff --git a/packages/desktop/src/styles/index.css b/packages/desktop/src/styles/index.css
index 2482219..057ba94 100644
--- a/packages/desktop/src/styles/index.css
+++ b/packages/desktop/src/styles/index.css
@@ -25,3 +25,11 @@ button {
 .ant-avatar-group .ant-avatar {
   border: none;
 }
+
+body {
+  background-color: #00000000;
+}
+
+html {
+  background-color: #00000000;
+}