From a8df1714ac4e3406bc4da2ef9960fe59f097d8e1 Mon Sep 17 00:00:00 2001
From: HFO4 <912394456@qq.com>
Date: Tue, 19 Apr 2022 20:16:27 +0800
Subject: [PATCH] Update version number / show copyright info

---
 package.json                         |  2 +-
 src/component/Setting/UserSetting.js | 69 +++++++++++++++++++++++++++-
 2 files changed, 68 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 1287e7e..2d5bc83 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cloudreve-frontend",
-  "version": "3.4.2",
+  "version": "3.5.0-beta1",
   "private": true,
   "dependencies": {
     "@babel/core": "7.6.0",
diff --git a/src/component/Setting/UserSetting.js b/src/component/Setting/UserSetting.js
index 6899f8a..180b648 100644
--- a/src/component/Setting/UserSetting.js
+++ b/src/component/Setting/UserSetting.js
@@ -42,11 +42,23 @@ import API from "../../middleware/Api";
 import Auth from "../../middleware/Auth";
 import { withRouter } from "react-router";
 import QRCode from "qrcode-react";
-import { Brightness3, ListAlt, PermContactCalendar,Schedule } from "@material-ui/icons";
+import {
+    Brightness3,
+    GitHub,
+    Home,
+    ListAlt,
+    PermContactCalendar,
+    Schedule,
+} from "@material-ui/icons";
 import Authn from "./Authn";
 import { formatLocalTime, timeZone } from "../../utils/datetime";
 import TimeZoneDialog from "../Modals/TimeZone";
-import { applyThemes, changeViewMethod, toggleDaylightMode, toggleSnackbar } from "../../redux/explorer";
+import {
+    applyThemes,
+    changeViewMethod,
+    toggleDaylightMode,
+    toggleSnackbar,
+} from "../../redux/explorer";
 
 const styles = (theme) => ({
     layout: {
@@ -998,6 +1010,59 @@ class UserSettingCompoment extends Component {
                             </Paper>
                         </div>
                     )}
+
+                    <Typography
+                        className={classes.sectionTitle}
+                        variant="subtitle2"
+                    >
+                        关于 Cloudreve
+                    </Typography>
+                    <Paper>
+                        <List className={classes.desenList}>
+                            <ListItem
+                                button
+                                onClick={() =>
+                                    window.open(
+                                        "https://github.com/cloudreve/cloudreve"
+                                    )
+                                }
+                            >
+                                <ListItemIcon className={classes.iconFix}>
+                                    <GitHub />
+                                </ListItemIcon>
+                                <ListItemText primary="GitHub 仓库" />
+
+                                <ListItemSecondaryAction
+                                    className={classes.flexContainer}
+                                >
+                                    <RightIcon
+                                        className={classes.rightIconWithText}
+                                    />
+                                </ListItemSecondaryAction>
+                            </ListItem>
+                            <Divider />
+                            <ListItem
+                                button
+                                onClick={() =>
+                                    window.open("https://cloudreve.org")
+                                }
+                            >
+                                <ListItemIcon className={classes.iconFix}>
+                                    <Home />
+                                </ListItemIcon>
+                                <ListItemText primary="主页" />
+
+                                <ListItemSecondaryAction
+                                    className={classes.flexContainer}
+                                >
+                                    <RightIcon
+                                        className={classes.rightIconWithText}
+                                    />
+                                </ListItemSecondaryAction>
+                            </ListItem>
+                        </List>
+                    </Paper>
+
                     <div className={classes.paddingBottom}></div>
                 </div>
                 <TimeZoneDialog