v1.0.3

add multi lang

frontend/src/pages/Register.jsx

@@ -3,6 +3,7 @@ import { Link, useNavigate, useSearchParams } from 'react-router-dom';
 import { useAuth } from '../auth/AuthContext.jsx';
 import { useJoinHousehold } from '../api/queries.js';
 import { useHouseholdContext } from '../household/HouseholdContext.jsx';
+import { useTranslation } from '../i18n/I18nContext.jsx';
 import PasswordField from '../components/PasswordField.jsx';
 
 export default function Register() {
@@ -12,6 +13,7 @@ export default function Register() {
   const inviteCode = params.get('code') || '';
   const joinHousehold = useJoinHousehold();
   const { switchHousehold } = useHouseholdContext();
+  const { t, tError } = useTranslation();
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
@@ -32,7 +34,7 @@ export default function Register() {
         navigate('/onboarding', { replace: true });
       }
     } catch (err) {
-      setError(err.message);
+      setError(tError(err));
     } finally {
       setLoading(false);
     }
@@ -40,28 +42,30 @@ export default function Register() {
 
   return (
     <div className="auth-page">
-      <h1>KtoCo</h1>
-      <p className="auth-subtitle">
-        {inviteCode
-          ? 'Załóż konto, aby dołączyć do zaproszonego gospodarstwa domowego'
-          : 'Załóż konto, by zacząć dzielić wydatki'}
-      </p>
+      <h1>{t('common.appName')}</h1>
+      <p className="auth-subtitle">{inviteCode ? t('register.subtitleInvite') : t('register.subtitle')}</p>
       <form onSubmit={handleSubmit} className="auth-form">
-        <input type="text" placeholder="Imię" value={name} onChange={(e) => setName(e.target.value)} required />
-        <input type="email" placeholder="E-mail" value={email} onChange={(e) => setEmail(e.target.value)} required />
+        <input type="text" placeholder={t('register.namePlaceholder')} value={name} onChange={(e) => setName(e.target.value)} required />
+        <input
+          type="email"
+          placeholder={t('register.emailPlaceholder')}
+          value={email}
+          onChange={(e) => setEmail(e.target.value)}
+          required
+        />
         <PasswordField
-          placeholder="Hasło (min. 6 znaków)"
+          placeholder={t('register.passwordPlaceholder')}
           value={password}
           onChange={(e) => setPassword(e.target.value)}
         />
         {error && <p className="form-error">{error}</p>}
         <button type="submit" className="btn-primary" disabled={loading}>
-          {loading ? 'Tworzenie konta…' : 'Zarejestruj się'}
+          {loading ? t('register.creating') : t('register.submit')}
         </button>
       </form>
       <p>
-        Masz już konto?{' '}
-        <Link to={inviteCode ? `/login?code=${encodeURIComponent(inviteCode)}` : '/login'}>Zaloguj się</Link>
+        {t('register.haveAccount')}{' '}
+        <Link to={inviteCode ? `/login?code=${encodeURIComponent(inviteCode)}` : '/login'}>{t('register.login')}</Link>
       </p>
     </div>
   );