From d9a26387c5a5715dee6512a1d2f2aad92bf0e0eb Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Mon, 23 Dec 2024 21:11:24 +0800
Subject: [PATCH] feat(auth): add credential provider icon and update email
 translation in login flow

Signed-off-by: Innei <tukon479@gmail.com>
---
 apps/renderer/src/modules/auth/LoginModalContent.tsx | 1 +
 apps/server/client/modules/login/index.tsx           | 6 ++++--
 locales/external/en.json                             | 3 ++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/renderer/src/modules/auth/LoginModalContent.tsx b/apps/renderer/src/modules/auth/LoginModalContent.tsx
index 885cdc9d03..9cef7315b4 100644
--- 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
index 11a1b7d09b..bf7972774c 100644
--- 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
index a0ac35eb35..95180f3b3e 100644
--- 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"
 }