From c9099ca0a5c86ccdcbfd7134daca62f067ca95aa Mon Sep 17 00:00:00 2001
From: lyf <1910527151@qq.com>
Date: Wed, 7 Aug 2024 10:55:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=A0=E9=9A=9C=E7=A2=8D=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=92=8C=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/button.tsx  | 10 +++++++++-
 app/components/chat.tsx    |  5 +++++
 app/components/sidebar.tsx | 12 ++++++++++--
 app/locales/cn.ts          |  1 +
 4 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/app/components/button.tsx b/app/components/button.tsx
index c6039acc292..87b4abd30f9 100644
--- a/app/components/button.tsx
+++ b/app/components/button.tsx
@@ -18,6 +18,7 @@ export function IconButton(props: {
   tabIndex?: number;
   autoFocus?: boolean;
   style?: CSSProperties;
+  aria?: string;
 }) {
   return (
     <button
@@ -34,9 +35,11 @@ export function IconButton(props: {
       tabIndex={props.tabIndex}
       autoFocus={props.autoFocus}
       style={props.style}
+      aria-label={props.aria}
     >
       {props.icon && (
         <div
+          aria-label={props.text || props.title}
           className={
             styles["icon-button-icon"] +
             ` ${props.type === "primary" && "no-dark"}`
@@ -47,7 +50,12 @@ export function IconButton(props: {
       )}
 
       {props.text && (
-        <div className={styles["icon-button-text"]}>{props.text}</div>
+        <div
+          aria-label={props.text || props.title}
+          className={styles["icon-button-text"]}
+        >
+          {props.text}
+        </div>
       )}
     </button>
   );
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index e4ba869c3bf..b18c86708a7 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -1337,6 +1337,8 @@ function _Chat() {
               <IconButton
                 icon={<RenameIcon />}
                 bordered
+                title={Locale.Chat.EditMessage.Title}
+                aria={Locale.Chat.EditMessage.Title}
                 onClick={() => setIsEditingMessage(true)}
               />
             </div>
@@ -1356,6 +1358,8 @@ function _Chat() {
               <IconButton
                 icon={config.tightBorder ? <MinIcon /> : <MaxIcon />}
                 bordered
+                title={Locale.Chat.Actions.FullScreen}
+                aria={Locale.Chat.Actions.FullScreen}
                 onClick={() => {
                   config.update(
                     (config) => (config.tightBorder = !config.tightBorder),
@@ -1407,6 +1411,7 @@ function _Chat() {
                       <div className={styles["chat-message-edit"]}>
                         <IconButton
                           icon={<EditIcon />}
+                          aria={Locale.Chat.Actions.Edit}
                           onClick={async () => {
                             const newMessage = await showPrompt(
                               Locale.Chat.Actions.Edit,
diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx
index d8def056e52..4ec0f8c84f5 100644
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@@ -297,12 +297,20 @@ export function SideBar(props: { className?: string }) {
             </div>
             <div className={styles["sidebar-action"]}>
               <Link to={Path.Settings}>
-                <IconButton icon={<SettingsIcon />} shadow />
+                <IconButton
+                  aria={Locale.Settings.Title}
+                  icon={<SettingsIcon />}
+                  shadow
+                />
               </Link>
             </div>
             <div className={styles["sidebar-action"]}>
               <a href={REPO_URL} target="_blank" rel="noopener noreferrer">
-                <IconButton icon={<GithubIcon />} shadow />
+                <IconButton
+                  aria={Locale.Export.MessageFromChatGPT}
+                  icon={<GithubIcon />}
+                  shadow
+                />
               </a>
             </div>
           </>
diff --git a/app/locales/cn.ts b/app/locales/cn.ts
index 4f47403abe2..4db555422c9 100644
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -42,6 +42,7 @@ const cn = {
       PinToastAction: "查看",
       Delete: "删除",
       Edit: "编辑",
+      FullScreen: "全屏",
     },
     Commands: {
       new: "新建聊天",