diff --git a/apps/web/src/app/app.tsx b/apps/web/src/app/app.tsx index 477a0f18c7cadedd7811406dc608ded22ad6eff0..d7839423518dc80024f9e73bb07ec2e3f7ec6776 100644 --- a/apps/web/src/app/app.tsx +++ b/apps/web/src/app/app.tsx @@ -59,7 +59,7 @@ export function App(props: App) { const [authCheck, setAuthCheck] = useState(false); const [tab, setTab] = useState<SideNavTab>('Schema'); - const [visFullSize, setVisFullSize] = useState<boolean>(true); + const [visFullSize, setVisFullSize] = useState<boolean>(false); return ( <div className="h-screen w-screen overflow-clip"> @@ -115,7 +115,7 @@ export function App(props: App) { </div> ) : null} <div className="h-full w-full flex-grow"> - {visFullSize ? ( + <Resizable divisorSize={3} horizontal={false}> <div className="w-full h-full border"> <VisualizationPanel manager={manager} @@ -126,22 +126,10 @@ export function App(props: App) { }} /> </div> - ) : ( - <Resizable divisorSize={3} horizontal={false}> - <div className="w-full h-full border"> - <VisualizationPanel - manager={manager} - fullSize={() => { - setVisFullSize(!visFullSize); - setTab(undefined); - }} - /> - </div> - <div className="w-full h-full border"> - <QueryBuilder onRunQuery={runQuery} /> - </div> - </Resizable> - )} + <div className="w-full h-full border"> + <QueryBuilder onRunQuery={runQuery} /> + </div> + </Resizable> </div> </Resizable> <div className="h-full w-60 ml-1">