From 1910be7c3310e7400e75ead2be8a534d756ceaab Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 8 Mar 2023 19:57:59 -0300
Subject: [PATCH] added password field

---
 .../GenericNode/components/parameterComponent/index.tsx       | 1 +
 langflow/frontend/src/components/inputComponent/index.tsx     | 4 ++--
 langflow/frontend/src/types/components/index.ts               | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/langflow/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/langflow/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index daaf81972..facf6237a 100644
--- a/langflow/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/langflow/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -101,6 +101,7 @@ export default function ParameterComponent({
 						) : (
 							<InputComponent
 								disabled={disabled}
+								password={data.node.template[name].password ?? true}
 								value={data.node.template[name].value ?? ""}
 								onChange={(t) => {
 									data.node.template[name].value = t;
diff --git a/langflow/frontend/src/components/inputComponent/index.tsx b/langflow/frontend/src/components/inputComponent/index.tsx
index d81795907..bb1a5ed43 100644
--- a/langflow/frontend/src/components/inputComponent/index.tsx
+++ b/langflow/frontend/src/components/inputComponent/index.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { InputComponentType } from "../../types/components";
 
-export default function InputComponent({value, onChange, disabled}: InputComponentType){
+export default function InputComponent({value, onChange, disabled, password}: InputComponentType){
     const [myValue, setMyValue] = useState(value ?? "");
     useEffect(()=> {
         if(disabled){
@@ -12,7 +12,7 @@ export default function InputComponent({value, onChange, disabled}: InputCompone
     return (
         <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
             <input
-            type="text"
+            type={password ? "password" : "text"}
             value={myValue}
             className={"block w-full form-input dark:bg-gray-900 dark:border-gray-600 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" + (disabled ? " bg-gray-200 dark:bg-gray-700" : "")}
             placeholder="Type a text"
diff --git a/langflow/frontend/src/types/components/index.ts b/langflow/frontend/src/types/components/index.ts
index 5f02e9c5e..c0ce80f09 100644
--- a/langflow/frontend/src/types/components/index.ts
+++ b/langflow/frontend/src/types/components/index.ts
@@ -4,6 +4,7 @@ export type InputComponentType = {
 	value: string;
 	disabled?: boolean;
 	onChange: (value: string) => void;
+	password: boolean;
 };
 export type ToggleComponentType = {
 	enabled: boolean;