cleanup main layout

This commit is contained in:
talksik
2022-06-10 08:03:54 -05:00
parent 119d39774a
commit 8ee5cc0886
3 changed files with 27 additions and 14 deletions
@@ -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);
+24 -12
View File
@@ -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>
);
}
+2 -1
View File
@@ -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>