From 8809438b50d899516a5c98c6b95837aa79e4bbb1 Mon Sep 17 00:00:00 2001
From: Aleksy <psychologianauki@gmail.com>
Date: Sat, 25 May 2024 13:57:58 +0200
Subject: [PATCH 1/3] sending req correclty & added z-index

---
 .../src/pages/TableListView/TableListView.tsx  | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx b/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx
index 4b80b2b502..7814651031 100644
--- a/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx
+++ b/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx
@@ -59,13 +59,18 @@ export default function TableListView() {
   };
 
   const getTables = async (labels: string[] = []) => {
-    const addPrefix = (str: string) => {
+    const addPrefix = (str?: string) => {
+      if (!str) return '';
       return str.includes('*') || str.length === 0 ? str : '*' + str + '*';
     };
     setLoading(true);
+    console.log(
+      connection ? addPrefix(connection) : addPrefix(searchFilters.connection),
+      schema ? addPrefix(schema) : addPrefix(searchFilters.schema)
+    );
     const res = await SearchApiClient.findTables(
-      connection ?? addPrefix(searchFilters.connection ?? ''),
-      schema ?? addPrefix(searchFilters.schema ?? ''),
+      connection ? addPrefix(connection) : addPrefix(searchFilters.connection),
+      schema ? addPrefix(schema) : addPrefix(searchFilters.schema),
       addPrefix(searchFilters.table ?? ''),
       labels,
       filters.page,
@@ -133,7 +138,7 @@ export default function TableListView() {
 
   return (
     <>
-      <div className="flex items-center justify-between bg-white w-full">
+      <div className="flex items-center justify-between bg-white w-full relative z-[100]">
         <div className="flex items-center gap-x-4 mb-4 mt-2 px-4">
           {!connection && (
             <Input
@@ -142,6 +147,7 @@ export default function TableListView() {
               onChange={(e) =>
                 onChangeSearchFilters({ connection: e.target.value })
               }
+              className="z-[100]"
             />
           )}
           {!schema && (
@@ -151,12 +157,14 @@ export default function TableListView() {
               onChange={(e) =>
                 onChangeSearchFilters({ schema: e.target.value })
               }
+              className="z-[100]"
             />
           )}
           <Input
             label="Table name"
             value={searchFilters.table}
             onChange={(e) => onChangeSearchFilters({ table: e.target.value })}
+            className="z-[100]"
           />
           <Button
             label="Search"
@@ -169,7 +177,7 @@ export default function TableListView() {
               );
             }}
             color="primary"
-            className="mt-5"
+            className="mt-5 z-[100]"
           />
         </div>
         <Button

From d174f65210ce18941d27e4160d6489576fee19cb Mon Sep 17 00:00:00 2001
From: Aleksy <psychologianauki@gmail.com>
Date: Tue, 28 May 2024 11:05:23 +0200
Subject: [PATCH 2/3] refresh button on columnsView

---
 .../src/pages/ColumnListView/ColumnListView.tsx       | 11 +++++++++--
 .../src/pages/TableListView/TableListView.tsx         |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/dqops/src/main/frontend/src/pages/ColumnListView/ColumnListView.tsx b/dqops/src/main/frontend/src/pages/ColumnListView/ColumnListView.tsx
index 1d5409ae4e..05967bda20 100644
--- a/dqops/src/main/frontend/src/pages/ColumnListView/ColumnListView.tsx
+++ b/dqops/src/main/frontend/src/pages/ColumnListView/ColumnListView.tsx
@@ -6,6 +6,8 @@ import Input from '../../components/Input';
 import { LabelsApiClient, SearchApiClient } from '../../services/apiClient';
 import { CheckTypes } from '../../shared/routes';
 import { useDecodedParams } from '../../utils';
+import clsx from 'clsx';
+import SvgIcon from '../../components/SvgIcon';
 
 type TSearchFilters = {
   connection?: string | undefined;
@@ -192,9 +194,14 @@ export default function ColumnListView() {
           />
         </div>
         <Button
-          label="Refresh"
           color="primary"
-          className="mb-2 mt-5 mr-4 z-[1]"
+          leftIcon={
+            <SvgIcon
+              name="sync"
+              className={clsx('w-4 h-4 mr-3', loading ? 'animate-spin' : '')}
+            />
+          }
+          className="mb-4 mt-7 !mr-8 pr-0 pl-3 z-[1]"
           onClick={() =>
             getColumns(
               labels
diff --git a/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx b/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx
index 7814651031..b1d043204c 100644
--- a/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx
+++ b/dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx
@@ -138,7 +138,7 @@ export default function TableListView() {
 
   return (
     <>
-      <div className="flex items-center justify-between bg-white w-full relative z-[100]">
+      <div className="flex items-center justify-between bg-white w-full relative">
         <div className="flex items-center gap-x-4 mb-4 mt-2 px-4">
           {!connection && (
             <Input

From de340b8511fafffc914213ef0d67d947eb8d8afe Mon Sep 17 00:00:00 2001
From: Aleksy <psychologianauki@gmail.com>
Date: Tue, 28 May 2024 11:09:26 +0200
Subject: [PATCH 3/3] linking to column page correctly

---
 .../frontend/src/components/ColumnList/ColumnListItem.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dqops/src/main/frontend/src/components/ColumnList/ColumnListItem.tsx b/dqops/src/main/frontend/src/components/ColumnList/ColumnListItem.tsx
index d7aa686b12..8bb09eb3a1 100644
--- a/dqops/src/main/frontend/src/components/ColumnList/ColumnListItem.tsx
+++ b/dqops/src/main/frontend/src/components/ColumnList/ColumnListItem.tsx
@@ -193,7 +193,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="data_sources"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.SOURCES)}
+                  onClick={() => goToColumn(item, CheckTypes.SOURCES)}
                 />
               </Tooltip>
               <Tooltip
@@ -203,7 +203,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="profiling"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.PROFILING)}
+                  onClick={() => goToColumn(item, CheckTypes.PROFILING)}
                 />
               </Tooltip>
               <Tooltip
@@ -213,7 +213,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="monitoring_checks"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.MONITORING)}
+                  onClick={() => goToColumn(item, CheckTypes.MONITORING)}
                 />
               </Tooltip>
               <Tooltip
@@ -223,7 +223,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="partitioned_checks"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.PARTITIONED)}
+                  onClick={() => goToColumn(item, CheckTypes.PARTITIONED)}
                 />
               </Tooltip>
             </div>