heimoshuiyu/chatgpt-api-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

quick hide input

Browse Source
This commit is contained in:
黑墨水鱼
2023-07-13 19:31:52 +08:00
parent ab5eab1a9b
commit 08c087468b
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/settings.tsx
View File

@@ -71,10 +71,19 @@ const Input = (props: {
field: "apiKey" | "apiEndpoint"; field: "apiKey" | "apiEndpoint";
help: string; help: string;
}) => { }) => {
const [hideInput, setHideInput] = useState(false);
return ( return (
<Help help={props.help}> <Help help={props.help}>
<label className="m-2 p-2">{props.field}</label> <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 <input
type={hideInput ? "password" : "text"}
className="m-2 p-2 border rounded focus w-32 md:w-fit" className="m-2 p-2 border rounded focus w-32 md:w-fit"
value={props.chatStore[props.field]} value={props.chatStore[props.field]}
onChange={(event: any) => { onChange={(event: any) => {