cleanup main layout
This commit is contained in:
@@ -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);
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user