From 34e21b77b5222702bd569f37a84022c069a082c9 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Mon, 29 Jul 2024 10:11:31 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(loading)=20fix=20header=20doubled?=
 =?UTF-8?q?=20when=20loading=20room?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

the whole screen wrapper thing is not that great… needs improvements to
prevent that kind of stuff
---
 .../src/features/rooms/routes/Room.tsx        | 20 +++++++++----------
 src/frontend/src/layout/QueryAware.tsx        |  3 ++-
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/features/rooms/routes/Room.tsx b/src/frontend/src/features/rooms/routes/Room.tsx
index 5dab908e..83de6cbf 100644
--- a/src/frontend/src/features/rooms/routes/Room.tsx
+++ b/src/frontend/src/features/rooms/routes/Room.tsx
@@ -32,16 +32,14 @@ export const Room = () => {
   }
 
   return (
-    <Screen>
-      <Conference
-        roomId={roomId}
-        mode={mode}
-        userConfig={{
-          ...existingUserChoices,
-          ...(skipJoinScreen ? { username: user?.email as string } : {}),
-          ...userConfig,
-        }}
-      />
-    </Screen>
+    <Conference
+      roomId={roomId}
+      mode={mode}
+      userConfig={{
+        ...existingUserChoices,
+        ...(skipJoinScreen ? { username: user?.email as string } : {}),
+        ...userConfig,
+      }}
+    />
   )
 }
diff --git a/src/frontend/src/layout/QueryAware.tsx b/src/frontend/src/layout/QueryAware.tsx
index 466d6a7c..b396d697 100644
--- a/src/frontend/src/layout/QueryAware.tsx
+++ b/src/frontend/src/layout/QueryAware.tsx
@@ -1,5 +1,6 @@
 import { ErrorScreen } from './ErrorScreen'
 import { LoadingScreen } from './LoadingScreen'
+import { Screen } from './Screen'
 
 export const QueryAware = ({
   status,
@@ -16,5 +17,5 @@ export const QueryAware = ({
     return <LoadingScreen />
   }
 
-  return children
+  return <Screen>{children}</Screen>
 }