From 0cad580a8feab8d1581bbc51d086f1d2d7347f1a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 18 Feb 2024 11:49:18 -0300
Subject: [PATCH] Refactor parameter component to include refresh button

---
 .../components/parameterComponent/index.tsx   | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 936e65893..8b45a40ef 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -406,13 +406,27 @@ export default function ParameterComponent({
                 data-testid={"textarea-" + data.node.template[name].name}
               />
             ) : (
-              <InputComponent
-                id={"input-" + index}
-                disabled={disabled}
-                password={data.node?.template[name].password ?? false}
-                value={data.node?.template[name].value ?? ""}
-                onChange={handleOnNewValue}
-              />
+              <div className="mt-2 flex w-full items-center">
+                <div className="w-5/6 flex-grow">
+                  <InputComponent
+                    id={"input-" + index}
+                    disabled={disabled}
+                    password={data.node?.template[name].password ?? false}
+                    value={data.node?.template[name].value ?? ""}
+                    onChange={handleOnNewValue}
+                  />
+                </div>
+                {data.node?.template[name].refresh && (
+                  <button
+                    className="extra-side-bar-buttons ml-2 mt-1 w-1/6"
+                    onClick={() => {
+                      handleUpdateValues(name, data);
+                    }}
+                  >
+                    <IconComponent name="RefreshCcw" />
+                  </button>
+                )}
+              </div>
             )}
           </div>
         ) : left === true && type === "bool" ? (