From ab8b29965a64ffc68aa034d75019910e4f07d3aa Mon Sep 17 00:00:00 2001
From: Parth <143504541+parrth20@users.noreply.github.com>
Date: Fri, 20 Feb 2026 16:21:50 +0530
Subject: [PATCH] chore(i18n): localize hardcoded login labels and messages
 (#1130)

* chore(i18n): add login copy keys

* refactor(login): localize login card title and subtitle

* refactor(login): localize wallet selector and password labels
---
 src/components/login/LoginCard.tsx   | 4 ++--
 src/components/login/LoginForm.tsx   | 8 +++++---
 src/i18n/locales/en/translation.json | 8 ++++++++
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/login/LoginCard.tsx b/src/components/login/LoginCard.tsx
index 15755683..628f239d 100644
--- a/src/components/login/LoginCard.tsx
+++ b/src/components/login/LoginCard.tsx
@@ -88,13 +88,13 @@ export const LoginCard = ({
               </Button>
             )}
           </div>
-          <CardTitle className="text-2xl font-bold">{/*TODO: i18n */}Welcome to Jam</CardTitle>
+          <CardTitle className="text-2xl font-bold">{t('login.title')}</CardTitle>
           {listWalletsLoading ? (
             <>
               <Skeleton className="h-4 w-full" />
             </>
           ) : wallets && wallets.length > 0 ? (
-            <CardDescription>{/*TODO: i18n */}Select a wallet and enter your password to continue.</CardDescription>
+            <CardDescription>{t('login.subtitle')}</CardDescription>
           ) : undefined}
           {enableOnboardingDialog ? (
             <Button variant="link" size="sm" className="h-auto px-0" onClick={() => setShowOnboarding(true)}>
diff --git a/src/components/login/LoginForm.tsx b/src/components/login/LoginForm.tsx
index 298c8a6c..78804ac9 100644
--- a/src/components/login/LoginForm.tsx
+++ b/src/components/login/LoginForm.tsx
@@ -98,7 +98,7 @@ export const LoginFormComponent = ({
     <form onSubmit={(event) => void doOnSubmit(event)} className={cn('flex flex-col gap-4', className)} noValidate>
       <div className="space-y-2">
         <Field data-invalid={errors.walletFileName !== undefined}>
-          <FieldLabel>{/* TODO: i18n */}Wallet</FieldLabel>
+          <FieldLabel>{t('login.label_wallet')}</FieldLabel>
           <Select
             onValueChange={(val: WalletFileName) => setValue('walletFileName', val, { shouldValidate: true })}
             value={values.walletFileName ?? ''}
@@ -109,7 +109,9 @@ export const LoginFormComponent = ({
           >
             <SelectTrigger className="w-full">
               <SelectValue
-                placeholder={/* TODO: i18n */ wallets.length > 0 ? 'Select a wallet' : 'No wallets found.'}
+                placeholder={
+                  wallets.length > 0 ? t('login.placeholder_select_wallet') : t('login.placeholder_no_wallets')
+                }
               />
             </SelectTrigger>
             <SelectContent>
@@ -133,7 +135,7 @@ export const LoginFormComponent = ({
 
       <div className="space-y-2">
         <Field data-invalid={errors.password !== undefined}>
-          <FieldLabel htmlFor="login-password">{t(/* TODO: i18n */ 'Password')}</FieldLabel>
+          <FieldLabel htmlFor="login-password">{t('login.label_password')}</FieldLabel>
           <InputGroup>
             <InputGroupInput
               id="login-password"
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index ae3e9bb4..e4f4d1f5 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -89,6 +89,14 @@
     "button_next": "Next",
     "button_complete": "Let's go!"
   },
+  "login": {
+    "title": "Welcome to Jam",
+    "subtitle": "Select a wallet and enter your password to continue.",
+    "label_wallet": "Wallet",
+    "placeholder_select_wallet": "Select a wallet",
+    "placeholder_no_wallets": "No wallets found.",
+    "label_password": "Password"
+  },
   "error_page": {
     "unknown_error": {
       "title": "An unknown error has been encountered",