From fe6277442d16e0b3f248198d0ad1d8bb2c87d40c Mon Sep 17 00:00:00 2001
From: 2427021 <s.a.vink@students.uu.nl>
Date: Wed, 27 Mar 2024 16:17:33 +0100
Subject: [PATCH] feat(visManager): panels

---
 apps/web/src/app/app.tsx                         | 8 +++-----
 libs/shared/lib/data-viewer/index.tsx            | 2 +-
 libs/shared/lib/data-viewer/search/similarity.ts | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/app/app.tsx b/apps/web/src/app/app.tsx
index 1cd6e4a66..90a1046f6 100644
--- a/apps/web/src/app/app.tsx
+++ b/apps/web/src/app/app.tsx
@@ -77,15 +77,13 @@ export function App(props: App) {
               </aside>
               <main className="flex w-screen h-[calc(100%-4.2rem)]">
                 <Resizable divisorSize={3} horizontal={true} defaultProportion={0.33}>
-                  <div className="h-full w-full">
-                    <DataViewer auth={authCheck} />
-                  </div>
+                  <DataViewer auth={authCheck} />
                   <div className="h-full w-full">
                     <Resizable divisorSize={3} horizontal={false}>
-                      <div className="w-full h-full panel">
+                      <div className="w-full h-full border">
                         <VisualizationPanel manager={manager} />
                       </div>
-                      <div className="w-full h-full panel">
+                      <div className="w-full h-full border">
                         <QueryBuilder onRunQuery={runQuery} />
                       </div>
                     </Resizable>
diff --git a/libs/shared/lib/data-viewer/index.tsx b/libs/shared/lib/data-viewer/index.tsx
index 4a4f384d4..bf99a0abf 100644
--- a/libs/shared/lib/data-viewer/index.tsx
+++ b/libs/shared/lib/data-viewer/index.tsx
@@ -14,7 +14,7 @@ export default function DataViewer({ auth }: { auth: boolean }) {
     <div className="info-panel w-full h-full flex">
       <TooltipProvider delayDuration={100}>
         <div className="w-12 flex flex-col items-center justify-between">
-          <div>
+          <div className="flex flex-col items-center justify-between">
             <Tooltip>
               <TooltipTrigger>
                 <Button
diff --git a/libs/shared/lib/data-viewer/search/similarity.ts b/libs/shared/lib/data-viewer/search/similarity.ts
index a5714c0aa..a6e0a9378 100644
--- a/libs/shared/lib/data-viewer/search/similarity.ts
+++ b/libs/shared/lib/data-viewer/search/similarity.ts
@@ -30,7 +30,7 @@ const matches = (query: string, object: Record<string, any>): number => {
   return highestScore;
 };
 
-const jaroSimilarity = (s1: string, s2: string) => {
+export const jaroSimilarity = (s1: string, s2: string) => {
   if (s1 == s2) return 1.0;
 
   const len1 = s1.length;
-- 
GitLab