From 73cc3e6c4f8f77af8fb5df89de32c6e8505e32ea Mon Sep 17 00:00:00 2001
From: zty012 <me@zty012.de>
Date: Fri, 6 Dec 2024 20:48:54 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=85=B3=E4=BA=8E=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=B7=BB=E5=8A=A0=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/settings/about.tsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/pages/settings/about.tsx b/src/pages/settings/about.tsx
index 3aa4b58..ad86fd4 100644
--- a/src/pages/settings/about.tsx
+++ b/src/pages/settings/about.tsx
@@ -1,9 +1,12 @@
 import { getVersion } from "@tauri-apps/api/app";
 import { open } from "@tauri-apps/plugin-shell";
-import { Code2, Lightbulb } from "lucide-react";
+import { BookOpen, Code2, Lightbulb, MessageCircleCode } from "lucide-react";
 import React from "react";
 import { useTranslation } from "react-i18next";
+import Bilibili from "../../assets/bilibili.svg?react";
+import Github from "../../assets/github.svg?react";
 import icon from "../../assets/icon.png";
+import QQ from "../../assets/qq.svg?react";
 import versions from "../../assets/versions.json";
 import Button from "../../components/ui/Button";
 import { cn } from "../../utils/cn";
@@ -117,17 +120,20 @@ export default function About() {
       </div>
       <div className="flex gap-2">
         <Button onClick={() => open("https://liren.zty012.de/project-graph")}>
-          使用文档
+          <BookOpen />
+          文档
         </Button>
         <Button
           onClick={() => open("https://github.com/LiRenTech/project-graph")}
         >
-          GitHub开源地址
+          <Github />
+          开源
         </Button>
         <Button
           onClick={() => open("https://www.bilibili.com/video/BV1hmHKeDE9D")}
         >
-          Bilibili视频教程
+          <Bilibili />
+          视频教程
         </Button>
         <Button
           onClick={() =>
@@ -136,13 +142,15 @@ export default function About() {
             )
           }
         >
-          QQ讨论群
+          <QQ />
+          讨论群
         </Button>
         <Button
           onClick={() =>
             open("https://forum.d2learn.org/category/16/project-graph")
           }
         >
+          <MessageCircleCode />
           论坛
         </Button>
       </div>