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

@@ -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()

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"

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"
 }