From 914109b333b96a3e6ba7e5f73777cd27d8e29bb6 Mon Sep 17 00:00:00 2001
From: 2427021 <s.a.vink@students.uu.nl>
Date: Fri, 29 Mar 2024 18:04:00 +0100
Subject: [PATCH] feat(visManager): full screen for vis
---
apps/web/src/app/app.tsx | 24 ++++++------------------
1 file changed, 6 insertions(+), 18 deletions(-)
diff --git a/apps/web/src/app/app.tsx b/apps/web/src/app/app.tsx
index 477a0f18c..d78394235 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">
--
GitLab