From 6ac9f6d107013d6a59b38de006b39c0e24a4b631 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Allen=20Zhang=20=28=E5=BC=A0=E6=B6=9B=29?=
 <wr_zhang25@163.com>
Date: Thu, 15 Feb 2024 22:12:10 +0800
Subject: [PATCH] feat: update

---
 packages/canyon-platform/locales/cn.json               |  4 ++++
 packages/canyon-platform/package.json                  |  2 +-
 .../canyon-platform/src/pages/index/settings/index.tsx | 10 +++++-----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/canyon-platform/locales/cn.json b/packages/canyon-platform/locales/cn.json
index 2ea5ea47..37936084 100644
--- a/packages/canyon-platform/locales/cn.json
+++ b/packages/canyon-platform/locales/cn.json
@@ -37,6 +37,7 @@
   },
   "settings": {
     "desc": "设置您的账户信息",
+    "preference": "偏好",
     "user_auth_tokens": "用户授权令牌",
     "copied_to_clipboard": "已复制到剪贴板"
   },
@@ -45,6 +46,9 @@
     "detail": "详情",
     "delete": "删除",
     "language": "语言",
+    "theme": "主题",
+    "light": "明亮",
+    "dark": "黑暗",
     "confirm": "确认",
     "cancel": "取消",
     "copy": "复制",
diff --git a/packages/canyon-platform/package.json b/packages/canyon-platform/package.json
index a87fc7c5..fcf40613 100644
--- a/packages/canyon-platform/package.json
+++ b/packages/canyon-platform/package.json
@@ -59,7 +59,7 @@
     "react-router-dom": "^6.21.3",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3",
-    "vite": "^5.0.12",
+    "vite": "^5.1.2",
     "vite-plugin-pages": "^0.32.0",
     "vite-plugin-svgr": "^4.2.0"
   }
diff --git a/packages/canyon-platform/src/pages/index/settings/index.tsx b/packages/canyon-platform/src/pages/index/settings/index.tsx
index 9b701d8e..53d07bb2 100644
--- a/packages/canyon-platform/src/pages/index/settings/index.tsx
+++ b/packages/canyon-platform/src/pages/index/settings/index.tsx
@@ -19,10 +19,10 @@ const Settings = () => {
         <span>{t('menus.settings')}</span>
       </Title>
 
-      <Card title='Preference'>
+      <Card title={t('settings.preference')}>
         <Card.Grid hoverable={false} style={gridStyle}>
           <div className={'flex'}>
-            <div className={'w-1/2'}>Language</div>
+            <div className={'w-1/2'}>{t('common.language')}</div>
 
             <div className={'w-1/2'}>
               <Select
@@ -45,7 +45,7 @@ const Settings = () => {
 
         <Card.Grid hoverable={false} style={gridStyle}>
           <div className={'flex'}>
-            <div className={'w-1/2'}>Theme</div>
+            <div className={'w-1/2'}>{t('common.theme')}</div>
 
             <div className={'w-1/2'}>
               <Select
@@ -56,11 +56,11 @@ const Settings = () => {
                 }}
                 options={[
                   {
-                    label: 'Light',
+                    label: t('common.light'),
                     value: 'light',
                   },
                   {
-                    label: 'Dark',
+                    label: t('common.dark'),
                     value: 'dark',
                   },
                 ]}