Refactor parameter component to include refresh button

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -391,6 +391,7 @@ export default function ParameterComponent({
         !data.node?.template[name].options ? (
           <div className="mt-2 w-full">
             {data.node?.template[name].list ? (
+              <div className="w-5/6 flex-grow">
                 <InputListComponent
                   disabled={disabled}
                   value={
@@ -401,6 +402,19 @@ export default function ParameterComponent({
                   }
                   onChange={handleOnNewValue}
                 />
+                {data.node?.template[name].refresh && (
+                  <div className="w-1/6">
+                    <RefreshButton
+                      disabled={disabled}
+                      name={name}
+                      data={data}
+                      className="extra-side-bar-buttons ml-2 mt-1"
+                      handleUpdateValues={handleUpdateValues}
+                      id={"refresh-button-" + name}
+                    />
+                  </div>
+                )}
+              </div>
             ) : data.node?.template[name].multiline ? (
               <TextAreaComponent
                 disabled={disabled}
@@ -421,12 +435,16 @@ export default function ParameterComponent({
                   />
                 </div>
                 {data.node?.template[name].refresh && (
+                  <div className="w-1/6">
                     <RefreshButton
                       disabled={disabled}
                       name={name}
                       data={data}
+                      className="extra-side-bar-buttons ml-2 mt-1"
                       handleUpdateValues={handleUpdateValues}
+                      id={"refresh-button-" + name}
                     />
+                  </div>
                 )}
               </div>
             )}
@@ -453,7 +471,8 @@ export default function ParameterComponent({
           </div>
         ) : left === true &&
           type === "str" &&
-          data.node?.template[name].options ? (
+          (data.node?.template[name].options ||
+            data.node?.template[name]?.refresh) ? (
           // TODO: Improve CSS
           <div className="mt-2 flex w-full items-center">
             <div className="w-5/6 flex-grow">
@@ -465,11 +484,16 @@ export default function ParameterComponent({
               />
             </div>
             {data.node?.template[name].refresh && (
+              <div className="w-1/6">
                 <RefreshButton
+                  disabled={disabled}
                   name={name}
                   data={data}
+                  className="extra-side-bar-buttons ml-2 mt-1"
                   handleUpdateValues={handleUpdateValues}
+                  id={"refresh-button-" + name}
                 />
+              </div>
             )}
           </div>
         ) : left === true && type === "code" ? (