From e7c5d9a8fdc7035cb7a5f5d67c31803ff205b581 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Fri, 12 Jan 2024 16:50:34 +0800
Subject: [PATCH] use emoji instead of hide

---
 src/settings.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/settings.tsx b/src/settings.tsx
index 46f55c4..6e58859 100644
--- a/src/settings.tsx
+++ b/src/settings.tsx
@@ -104,13 +104,15 @@ const Input = (props: {
   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)}
+      <button
+       className="p-2"
+        onClick={() => {
+          setHideInput(!hideInput);
+          console.log("clicked", hideInput);
+        }}
       >
-        <label>hide</label>
-        <input type="checkbox" checked={hideInput} />
-      </span>
+        {hideInput ? "👀" : "🙈"}
+      </button>
       <input
         type={hideInput ? "password" : "text"}
         className="m-2 p-2 border rounded focus w-32 md:w-fit"