feat: Basic location bar

Still needs adding event handlers to actually navigate the browser.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 14 insertions, 2 deletions

diff --git a/packages/renderer/src/components/App.tsx b/packages/renderer/src/components/App.tsx
index 1174bbb..cf97074 100644
--- a/packages/renderer/src/components/App.tsx
+++ b/packages/renderer/src/components/App.tsx
@@ -22,7 +22,8 @@ import Box from '@mui/material/Box';
 import React from 'react';
 
 import BrowserViewPlaceholder from './BrowserViewPlaceholder';
-import Sidebar from './Sidebar';
+import LocationBar from './locationBar/LocationBar';
+import Sidebar from './sidebar/Sidebar';
 
 export default function App(): JSX.Element {
   return (
@@ -36,7 +37,18 @@ export default function App(): JSX.Element {
       }}
     >
       <Sidebar />
-      <BrowserViewPlaceholder />
+      <Box
+        sx={{
+          flex: 1,
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'stretch',
+          height: '100%',
+        }}
+      >
+        <LocationBar />
+        <BrowserViewPlaceholder />
+      </Box>
     </Box>
   );
 }