From 8ee5cc0886f6b27ad16de505f54f7784032c2d0a Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 10 Jun 2022 08:03:54 -0500
Subject: [PATCH] cleanup main layout

---
 .../desktop/src/providers/ZenProvider.tsx     |  2 +-
 packages/desktop/src/tree/Terminal.tsx        | 36 ++++++++++++-------
 packages/desktop/src/tree/electronApp.tsx     |  3 +-
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/packages/desktop/src/providers/ZenProvider.tsx b/packages/desktop/src/providers/ZenProvider.tsx
index e0830d3..82cec59 100644
--- a/packages/desktop/src/providers/ZenProvider.tsx
+++ b/packages/desktop/src/providers/ZenProvider.tsx
@@ -11,7 +11,7 @@ interface IZenContext {
 const ZenContext = React.createContext<IZenContext>({});
 
 export function ZenProvider({ children }: { children: React.ReactNode }) {
-  const [flowState, setFlowState] = useState<boolean>(true);
+  const [flowState, setFlowState] = useState<boolean>(false);
 
   const handleFlowState = useCallback(() => {
     setFlowState(true);
diff --git a/packages/desktop/src/tree/Terminal.tsx b/packages/desktop/src/tree/Terminal.tsx
index 879624a..8112eb2 100644
--- a/packages/desktop/src/tree/Terminal.tsx
+++ b/packages/desktop/src/tree/Terminal.tsx
@@ -1,21 +1,33 @@
-import { Grid } from '@mui/material';
+import { Container, Grid } from '@mui/material';
+
 import React from 'react';
+import { blueGrey } from '@mui/material/colors';
 
 export default function Terminal() {
   return (
-    <Grid container spacing={0}>
-      <Grid item xs={4}>
-        This is the sidepanel
-      </Grid>
+    <Container
+      maxWidth={false}
+      disableGutters={true}
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        background: blueGrey[50],
+      }}
+    >
+      <Grid container spacing={0}>
+        <Grid item xs={4}>
+          This is the sidepanel
+        </Grid>
 
-      <Grid item xs={8}>
-        {' '}
-        main panel
-      </Grid>
+        <Grid item xs={8}>
+          {' '}
+          main panel
+        </Grid>
 
-      <Grid item xs={12}>
-        This is the footer controls
+        <Grid item xs={12}>
+          This is the footer controls
+        </Grid>
       </Grid>
-    </Grid>
+    </Container>
   );
 }
diff --git a/packages/desktop/src/tree/electronApp.tsx b/packages/desktop/src/tree/electronApp.tsx
index 445f6a4..2a002cd 100644
--- a/packages/desktop/src/tree/electronApp.tsx
+++ b/packages/desktop/src/tree/electronApp.tsx
@@ -5,6 +5,7 @@ import ProtectedRoute from './ProtectedRoute';
 import React from 'react';
 import { SocketProvider } from '../providers/SocketProvider';
 import { StabilityProvider } from '../providers/StabilityProvider';
+import Terminal from './Terminal';
 import { ThemeProvider } from '@mui/material';
 import { Toaster } from 'react-hot-toast';
 import { ZenProvider } from '../providers/ZenProvider';
@@ -18,7 +19,7 @@ export default function ElectronApp() {
             <ProtectedRoute>
               <ZenProvider>
                 <SocketProvider>
-                  <></>
+                  <Terminal />
                 </SocketProvider>
               </ZenProvider>
             </ProtectedRoute>