From 60a91cd9f76e52cf16b152f2ccb44ce6ff68336b Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Sat, 25 Sep 2021 14:14:50 -0400
Subject: [PATCH] index.html is empty now

---
 src/index.html                 | 5 +----
 src/index.tsx                  | 4 ++--
 src/ui/React/createPopup.tsx   | 2 +-
 utils/LogBox.tsx               | 2 +-
 utils/uiHelpers/createPopup.ts | 2 +-
 5 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/index.html b/src/index.html
index c39dc38ab..0c871e849 100644
--- a/src/index.html
+++ b/src/index.html
@@ -38,10 +38,7 @@
     <% } %>
   </head>
   <body>
-    <div id="entire-game-container">
-      <div id="mainmenu-container" style="display: flex; flex-direction: row"></div>
-    </div>
+    <div id="root" />
   </body>
-
   <script src="src/ThirdParty/raphael.min.js"></script>
 </html>
diff --git a/src/index.tsx b/src/index.tsx
index 43753cfa3..688782c15 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -9,7 +9,7 @@ ReactDOM.render(
   <Theme>
     <LoadingScreen />
   </Theme>,
-  document.getElementById("mainmenu-container"),
+  document.getElementById("root"),
 );
 
 function rerender(): void {
@@ -18,7 +18,7 @@ function rerender(): void {
     <Theme>
       <LoadingScreen />
     </Theme>,
-    document.getElementById("mainmenu-container"),
+    document.getElementById("root"),
   );
 }
 
diff --git a/src/ui/React/createPopup.tsx b/src/ui/React/createPopup.tsx
index 3315779dd..d5da418b6 100644
--- a/src/ui/React/createPopup.tsx
+++ b/src/ui/React/createPopup.tsx
@@ -18,7 +18,7 @@ let gameContainer: HTMLElement;
 
 (function () {
   function getGameContainer(): void {
-    const container = document.getElementById("entire-game-container");
+    const container = document.getElementById("root");
     if (container == null) {
       throw new Error(`Failed to find game container DOM element`);
     }
diff --git a/utils/LogBox.tsx b/utils/LogBox.tsx
index 1b555a354..b1688ccc3 100644
--- a/utils/LogBox.tsx
+++ b/utils/LogBox.tsx
@@ -10,7 +10,7 @@ let gameContainer: HTMLElement;
 
 (function () {
   function getGameContainer(): void {
-    const container = document.getElementById("entire-game-container");
+    const container = document.getElementById("root");
     if (container == null) {
       throw new Error(`Failed to find game container DOM element`);
     }
diff --git a/utils/uiHelpers/createPopup.ts b/utils/uiHelpers/createPopup.ts
index fb8494106..9cf38a8e7 100644
--- a/utils/uiHelpers/createPopup.ts
+++ b/utils/uiHelpers/createPopup.ts
@@ -31,7 +31,7 @@ export function createPopup(id: string, elems: HTMLElement[], options: ICreatePo
   }
 
   container.appendChild(content);
-  getElementById("entire-game-container").appendChild(container);
+  getElementById("root").appendChild(container);
 
   return container;
 }