Revert restructuring between App.tsx and index.tsx

This should prevent unnecessary merge conflicts.

1 files changed, 8 insertions, 1 deletions

diff --git a/webui/src/index.tsx b/webui/src/index.tsx
index a7f52448..d3591e1a 100644
--- a/webui/src/index.tsx
+++ b/webui/src/index.tsx
@@ -1,13 +1,20 @@
 import { ApolloProvider } from '@apollo/client';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { BrowserRouter } from 'react-router-dom';
 
 import App from './App';
 import apolloClient from './apollo';
+import Themer from './components/Themer';
+import { defaultLightTheme, defaultDarkTheme } from './themes/index';
 
 ReactDOM.render(
   <ApolloProvider client={apolloClient}>
-    <App />
+    <BrowserRouter>
+      <Themer lightTheme={defaultLightTheme} darkTheme={defaultDarkTheme}>
+        <App />
+      </Themer>
+    </BrowserRouter>
   </ApolloProvider>,
   document.getElementById('root')
 );