From d7f612559a51362fc0385ec95e5d5d85f6d31ea5 Mon Sep 17 00:00:00 2001
From: ghaddaditw <40211818-ghaddaditw@users.noreply.replit.com>
Date: Sun, 8 Jun 2025 16:02:43 +0000
Subject: [PATCH] Add translated text and implement internationalization for
 settings page

Implements i18n for current model status, API usage, and save settings button in SettingsPage.tsx, and adds translations to ar.json.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7e7c4e8-20cb-41c4-9d0e-79f48938fede
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/495df7b4-e43b-4ae2-b55a-6c42f95ae67b.jpg
---
 client/src/i18n/locales/ar.json   |  5 ++++-
 client/src/pages/SettingsPage.tsx | 10 +++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/client/src/i18n/locales/ar.json b/client/src/i18n/locales/ar.json
index 8d5aea3..5426e53 100644
--- a/client/src/i18n/locales/ar.json
+++ b/client/src/i18n/locales/ar.json
@@ -319,7 +319,10 @@
     "browserNative": "متصفح أصلي",
     "azureSpeech": "Azure Speech",
     "active": "نشط",
-    "requestsThisMonth": "طلب هذا الشهر"
+    "requestsThisMonth": "طلب هذا الشهر",
+    "claude3Active": "Claude 3 Sonnet - نشط",
+    "apiUsageValue": "2,341 طلب هذا الشهر",
+    "saveAiSettings": "حفظ إعدادات الذكاء الاصطناعي"
   },
   "auth": {
     "login": "تسجيل الدخول",
diff --git a/client/src/pages/SettingsPage.tsx b/client/src/pages/SettingsPage.tsx
index 467d20a..c315a21 100644
--- a/client/src/pages/SettingsPage.tsx
+++ b/client/src/pages/SettingsPage.tsx
@@ -344,18 +344,18 @@ export default function SettingsPage() {
                   <div className="pt-4 border-t">
                     <div className="grid grid-cols-2 gap-4 text-sm">
                       <div>
-                        <p className="font-medium">Current Model Status</p>
-                        <p className="text-green-600 dark:text-green-400">Claude 3 Sonnet - Active</p>
+                        <p className="font-medium">{t('settings.currentModelStatus')}</p>
+                        <p className="text-green-600 dark:text-green-400">{t('settings.claude3Active')}</p>
                       </div>
                       <div>
-                        <p className="font-medium">API Usage</p>
-                        <p className="text-gray-600 dark:text-gray-400">2,341 requests this month</p>
+                        <p className="font-medium">{t('settings.apiUsage')}</p>
+                        <p className="text-gray-600 dark:text-gray-400">{t('settings.apiUsageValue')}</p>
                       </div>
                     </div>
                   </div>
 
                   <Button className="w-full">
-                    Save AI Model Settings
+                    {t('settings.saveAiSettings')}
                   </Button>
                 </CardContent>
               </Card>