Fix & Refactor UI Page [Auth Page]

[+] fix(auth.tsx): fix conditional rendering of token input field [+] refactor(auth.tsx): improve code readability by using conditional rendering for token input field
xiaotianzi · Sep 30, 2023 · 04b638a · 04b638a
1 parent 31e3090
commit 04b638a
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/app/components/auth.tsx b/app/components/auth.tsx
@@ -43,16 +43,20 @@ export function AuthPage() {
           access.updateCode(e.currentTarget.value);
         }}
       />
-      <div className={styles["auth-tips"]}>{Locale.Auth.SubTips}</div>
-      <input
-        className={styles["auth-input"]}
-        type="password"
-        placeholder={Locale.Settings.Token.Placeholder}
-        value={access.token}
-        onChange={(e) => {
-          access.updateToken(e.currentTarget.value);
-        }}
-      />
+      {!access.hideUserApiKey ? (
+        <>
+          <div className={styles["auth-tips"]}>{Locale.Auth.SubTips}</div>
+          <input
+            className={styles["auth-input"]}
+            type="password"
+            placeholder={Locale.Settings.Token.Placeholder}
+            value={access.token}
+            onChange={(e) => {
+              access.updateToken(e.currentTarget.value);
+            }}
+          />
+        </>
+      ) : null}
 
       <div className={styles["auth-actions"]}>
         <IconButton