feat(auth): add credential provider icon and update email translation…

… in login flow Signed-off-by: Innei <tukon479@gmail.com>
RSSNext · Dec 23, 2024 · d9a2638 · d9a2638
1 parent f734e6c
commit d9a2638
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/apps/renderer/src/modules/auth/LoginModalContent.tsx b/apps/renderer/src/modules/auth/LoginModalContent.tsx
@@ -37,6 +37,7 @@ const defaultProviders = {
 }
 const overrideProviderIconMap = {
   apple: <i className="i-mgc-apple-cute-fi text-black dark:text-white" />,
+  credential: <i className="i-mingcute-mail-line text-black dark:text-white" />,
 }
 export const LoginModalContent = (props: LoginModalContentProps) => {
   const modal = useCurrentModal()

diff --git a/apps/server/client/modules/login/index.tsx b/apps/server/client/modules/login/index.tsx
@@ -139,7 +139,9 @@ export function Login() {
                     }}
                   >
                     <i className={cn("mr-2 text-xl", authProvidersConfig[key]?.iconClassName)} />{" "}
-                    {t("login.continueWith", { provider: provider.name })}
+                    {t("login.continueWith", {
+                      provider: provider.name,
+                    })}
                   </Button>
                 ))}
             </div>
@@ -284,7 +286,7 @@ function LoginWithPassword() {
           buttonClassName="text-base !mt-3"
           disabled={!isValid}
         >
-          {t("login.continueWith", { provider: "email" })}
+          {t("login.continueWith", { provider: t("words.email") })}
         </Button>
         <Button
           buttonClassName="!mt-3 text-base"

diff --git a/locales/external/en.json b/locales/external/en.json
@@ -66,5 +66,6 @@
   "register.login": "Login",
   "register.note": "Already have an account? <LoginLink />",
   "register.password": "Password",
-  "register.submit": "Create account"
+  "register.submit": "Create account",
+  "words.email": "Email"
 }