From 08c087468b9cc30db247d48805c58dab98e4c790 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 13 Jul 2023 19:31:52 +0800
Subject: [PATCH] quick hide input

---
 src/settings.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/settings.tsx b/src/settings.tsx
index 88c286e..661e529 100644
--- a/src/settings.tsx
+++ b/src/settings.tsx
@@ -71,10 +71,19 @@ const Input = (props: {
   field: "apiKey" | "apiEndpoint";
   help: string;
 }) => {
+  const [hideInput, setHideInput] = useState(false);
   return (
     <Help help={props.help}>
       <label className="m-2 p-2">{props.field}</label>
+      <span
+        className="m-2 p-2"
+        onClick={(event: any) => setHideInput(!hideInput)}
+      >
+        <label>hide</label>
+        <input type="checkbox" checked={hideInput} />
+      </span>
       <input
+        type={hideInput ? "password" : "text"}
         className="m-2 p-2 border rounded focus w-32 md:w-fit"
         value={props.chatStore[props.field]}
         onChange={(event: any) => {