feat: Add BrowserView and synchronize its position

1 files changed, 3 insertions, 17 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 901d137..90cba2c 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -22,13 +22,12 @@ import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
-import { observer } from 'mobx-react-lite';
-import Button from "@mui/material/Button";
 import CssBaseline from "@mui/material/CssBaseline";
 import React from 'react';
 import { render } from 'react-dom';
 
-import { StoreProvider, useStore } from './components/StoreProvider';
+import { App } from './components/App';
+import { StoreProvider } from './components/StoreProvider';
 import { ThemeProvider } from './components/ThemeProvider';
 import { exposeToReduxDevtools } from './devTools';
 import { createAndConnectRootStore } from './stores/RootStore';
@@ -41,26 +40,13 @@ if (isDevelopment) {
   exposeToReduxDevtools(store);
 }
 
-const Example = observer(() => {
-  const { shared: { clickCount } } = useStore();
-
-  return (
-    <Button
-      variant="contained"
-      onClick={() => store.buttonClick()}
-    >
-      Hello Sophie! {clickCount}
-    </Button>
-  );
-});
-
 function Root(): JSX.Element {
   return (
     <React.StrictMode>
       <StoreProvider store={store}>
         <ThemeProvider>
           <CssBaseline enableColorScheme />
-          <Example />
+          <App />
         </ThemeProvider>
       </StoreProvider>
     </React.StrictMode>