From f3561db4a33e4ee27bc76477906031a8adf66575 Mon Sep 17 00:00:00 2001
From: Aleksy <psychologianauki@gmail.com>
Date: Sun, 3 Mar 2024 13:13:39 +0100
Subject: [PATCH] setting directories correctly when user is jumnping between
 tabs

---
 .../DuckDBConnection/index.tsx                | 21 ++++++++++---------
 .../KeyValueProperties/index.tsx              |  8 +++++++
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/dqops/src/main/frontend/src/components/Dashboard/DatabaseConnection/DuckDBConnection/index.tsx b/dqops/src/main/frontend/src/components/Dashboard/DatabaseConnection/DuckDBConnection/index.tsx
index d1752612e6..4d164c9844 100644
--- a/dqops/src/main/frontend/src/components/Dashboard/DatabaseConnection/DuckDBConnection/index.tsx
+++ b/dqops/src/main/frontend/src/components/Dashboard/DatabaseConnection/DuckDBConnection/index.tsx
@@ -71,7 +71,7 @@ const DuckdbConnection = ({
     {
       label: 'AWS S3',
       value: DuckdbParametersSpecSecretsTypeEnum.s3
-    },
+    }
     // todo: uncomment below when implemented
     // {
     //   label: 'Google Cloud Storage',
@@ -89,16 +89,17 @@ const DuckdbConnection = ({
 
   return (
     <SectionWrapper title="DuckDB connection parameters" className="mb-4">
-
       <Select
-          label="Storage type"
-          options={secretsTypeOptions}
-          className="mb-4"
-          value={ duckdb?.secrets_type }
-          onChange={(value) => { handleChange({ secrets_type: value })}}
-        />
+        label="Storage type"
+        options={secretsTypeOptions}
+        className="mb-4"
+        value={duckdb?.secrets_type}
+        onChange={(value) => {
+          handleChange({ secrets_type: value });
+        }}
+      />
 
-      { duckdb?.secrets_type === DuckdbParametersSpecSecretsTypeEnum.s3 &&
+      {duckdb?.secrets_type === DuckdbParametersSpecSecretsTypeEnum.s3 && (
         <>
           <FieldTypeInput
             data={sharedCredentials}
@@ -124,7 +125,7 @@ const DuckdbConnection = ({
             onChange={(value) => handleChange({ region: value })}
           />
         </>
-      }
+      )}
 
       <FileFormatConfiguration
         fileFormatType={fileFormatType}
diff --git a/dqops/src/main/frontend/src/components/FileFormatConfiguration/KeyValueProperties/index.tsx b/dqops/src/main/frontend/src/components/FileFormatConfiguration/KeyValueProperties/index.tsx
index 828ab6b63d..fa313751a9 100644
--- a/dqops/src/main/frontend/src/components/FileFormatConfiguration/KeyValueProperties/index.tsx
+++ b/dqops/src/main/frontend/src/components/FileFormatConfiguration/KeyValueProperties/index.tsx
@@ -55,6 +55,14 @@ const KeyValueProperties = ({
     }
   }, [arr]);
 
+  useEffect(() => {
+    if (properties) {
+      setArr(convertObjectToArray(properties ?? {}));
+    } else {
+      setArr([{ ['']: '' }]);
+    }
+  }, [properties]);
+
   return (
     <div className="py-4">
       <table className="my-3 w-full">