From 9d53bdc55826f84a4825e70b76a1527cda708c5a Mon Sep 17 00:00:00 2001
From: KtrauM <murat.kurnaz12@gmail.com>
Date: Sun, 3 Dec 2023 16:30:09 +0100
Subject: [PATCH 1/2] Bugfix impersistent hypparam values

---
 src/components/Hyperparameters/HyperparameterView.js     | 3 +--
 .../Hyperparameters/SelectionHyperparameter.js           | 9 +++++++--
 .../TrainingWizard/Steps/Select_Hyperparameters.js       | 4 ++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Hyperparameters/HyperparameterView.js b/src/components/Hyperparameters/HyperparameterView.js
index 9265bd1c..97f962b5 100644
--- a/src/components/Hyperparameters/HyperparameterView.js
+++ b/src/components/Hyperparameters/HyperparameterView.js
@@ -30,14 +30,13 @@ export const HyperparameterView = ({
                   </Col>
                 );
               } else if (h.parameter_type === 'selection') {
-                console.log(h.value);
                 return (
                   <Col className="col-md-6 col-12 pl-0">
                     <SelectionHyperparameter
                       {...h}
                       id={'input_' + h.parameter_name}
                       handleChange={handleHyperparameterChange}
-                      value={h.value}
+                      value={{ value: h.value, label: h.value }}
                     />
                   </Col>
                 );
diff --git a/src/components/Hyperparameters/SelectionHyperparameter.js b/src/components/Hyperparameters/SelectionHyperparameter.js
index 8827afcb..12495a63 100644
--- a/src/components/Hyperparameters/SelectionHyperparameter.js
+++ b/src/components/Hyperparameters/SelectionHyperparameter.js
@@ -5,10 +5,15 @@ import makeAnimated from 'react-select/animated';
 import Hyperparameter from './Hyperparameter';
 
 const SelectionHyperparameter = (props) => {
-  console.log(props.value);
   return (
     <Hyperparameter {...props}>
       <Select
+        styles={{
+          control: (provided) => ({
+            ...provided,
+            textAlign: 'center',
+          }),
+        }}
         options={props.options.map((e) => {
           return { value: e, label: e };
         })}
@@ -18,7 +23,7 @@ const SelectionHyperparameter = (props) => {
         onChange={(e) => {
           props.handleChange({
             parameter_name: props.parameter_name,
-            state: e,
+            state: e.value,
           });
         }}
         components={makeAnimated()}
diff --git a/src/components/TrainingWizard/Steps/Select_Hyperparameters.js b/src/components/TrainingWizard/Steps/Select_Hyperparameters.js
index c5444579..fc232c9e 100644
--- a/src/components/TrainingWizard/Steps/Select_Hyperparameters.js
+++ b/src/components/TrainingWizard/Steps/Select_Hyperparameters.js
@@ -28,12 +28,12 @@ const Wizard_Hyperparameters = ({
 
   const [classififier_index, set_classifier_index] = useState(0);
 
-  const handleHyperparameterChange = ({ parameter_name, value }) => {
+  const handleHyperparameterChange = ({ parameter_name, state }) => {
     const newClassifier = [...classifier];
     const idx = newClassifier[classififier_index].parameters.findIndex(
       (elm) => elm.parameter_name === parameter_name
     );
-    newClassifier[classififier_index].parameters[idx].value = value;
+    newClassifier[classififier_index].parameters[idx].value = state;
     setClassifier(newClassifier);
     setSelectedClassifier(newClassifier[classififier_index]);
   };

From 7dc059b29b71b0f59af090d9a990d7b9a6567860 Mon Sep 17 00:00:00 2001
From: KtrauM <murat.kurnaz12@gmail.com>
Date: Mon, 4 Dec 2023 12:11:21 +0100
Subject: [PATCH 2/2] Fix selection menu overflowing behind modal footer

---
 src/components/Hyperparameters/SelectionHyperparameter.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Hyperparameters/SelectionHyperparameter.js b/src/components/Hyperparameters/SelectionHyperparameter.js
index 12495a63..6b96a4ca 100644
--- a/src/components/Hyperparameters/SelectionHyperparameter.js
+++ b/src/components/Hyperparameters/SelectionHyperparameter.js
@@ -17,6 +17,7 @@ const SelectionHyperparameter = (props) => {
         options={props.options.map((e) => {
           return { value: e, label: e };
         })}
+        menuPosition="fixed"
         isMulti={props.multi_select}
         value={props.value}
         defaultValue={props.value}