use emoji instead of hide

2024-01-12 16:50:34 +08:00
parent e097067d78
commit e7c5d9a8fd
1 changed files with 8 additions and 6 deletions
--- 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"