diff --git a/admin-frontend/README.md b/admin-frontend/README.md
index 02aac3f..b58e0af 100644
--- a/admin-frontend/README.md
+++ b/admin-frontend/README.md
@@ -44,27 +44,3 @@ You don’t have to ever use `eject`. The curated feature set is suitable for sm
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `yarn build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
diff --git a/admin-frontend/package.json b/admin-frontend/package.json
index 47c9098..ff45de2 100644
--- a/admin-frontend/package.json
+++ b/admin-frontend/package.json
@@ -2,19 +2,28 @@
"name": "admin-frontend",
"version": "0.1.0",
"private": true,
- "homepage": "/hk_reporter/",
+ "homepage": "hk_reporter",
+ "proxy": "http://localhost:8080",
"dependencies": {
+ "@ant-design/icons": "^4.6.4",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
+ "@types/jest": "^26.0.15",
+ "@types/node": "^12.0.0",
+ "@types/react": "^17.0.0",
+ "@types/react-dom": "^17.0.0",
+ "antd": "^4.16.13",
+ "axios": "^0.21.4",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
+ "typescript": "^4.1.2",
"web-vitals": "^1.0.1"
},
"scripts": {
"start": "react-scripts start",
- "build": "react-scripts build && rm -r ../src/plugins/nonebot_hk_reporter/admin_page/dist && mv build ../src/plugins/nonebot_hk_reporter/admin_page/dist",
+ "build": "react-scripts build && mv build ../src/plugins/nonebot_hk_reporter/admin_page/dist",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
diff --git a/admin-frontend/src/App.js b/admin-frontend/src/App.js
deleted file mode 100644
index 3784575..0000000
--- a/admin-frontend/src/App.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import logo from './logo.svg';
-import './App.css';
-
-function App() {
- return (
-
- );
-}
-
-export default App;
diff --git a/admin-frontend/src/App.test.js b/admin-frontend/src/App.test.tsx
similarity index 90%
rename from admin-frontend/src/App.test.js
rename to admin-frontend/src/App.test.tsx
index 1f03afe..2a68616 100644
--- a/admin-frontend/src/App.test.js
+++ b/admin-frontend/src/App.test.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
import { render, screen } from '@testing-library/react';
import App from './App';
diff --git a/admin-frontend/src/App.tsx b/admin-frontend/src/App.tsx
new file mode 100644
index 0000000..1640887
--- /dev/null
+++ b/admin-frontend/src/App.tsx
@@ -0,0 +1,45 @@
+import React, { useContext, useEffect, useState } from 'react';
+import './App.css';
+import { LoginContext, loginContextDefault, GlobalConfContext } from './utils/context';
+import { LoginStatus, GlobalConf } from './utils/type';
+import { Admin } from './pages/admin';
+import { getGlobalConf } from './api/config';
+import 'antd/dist/antd.css';
+
+
+function LoginSwitch() {
+ const {login, save} = useContext(LoginContext);
+ if (login.login) {
+ return ;
+ } else {
+ return (
+
+ not login
+
+
+ )
+ }
+}
+
+function App() {
+ const [loginStatus, setLogin] = useState(loginContextDefault.login);
+ const [globalConf, setGlobalConf] = useState({platformConf: []});
+ // const globalConfContext = useContext(GlobalConfContext);
+ const save = (login: LoginStatus) => setLogin(_ => login);
+ useEffect(() => {
+ const fetchGlobalConf = async () => {
+ const res = await getGlobalConf();
+ setGlobalConf(_ => res);
+ };
+ fetchGlobalConf();
+ }, []);
+ return (
+
+
+
+
+
+ );
+}
+
+export default App;
diff --git a/admin-frontend/src/api/config.ts b/admin-frontend/src/api/config.ts
new file mode 100644
index 0000000..7a7cace
--- /dev/null
+++ b/admin-frontend/src/api/config.ts
@@ -0,0 +1,9 @@
+import axios from "axios";
+import { GlobalConf } from "../utils/type";
+
+const baseUrl = '/hk_reporter/api/'
+
+export async function getGlobalConf(): Promise {
+ const res = await axios.get(`${baseUrl}global_conf`);
+ return res.data;
+}
diff --git a/admin-frontend/src/index.js b/admin-frontend/src/index.tsx
similarity index 100%
rename from admin-frontend/src/index.js
rename to admin-frontend/src/index.tsx
diff --git a/admin-frontend/src/pages/admin.css b/admin-frontend/src/pages/admin.css
new file mode 100644
index 0000000..4b2a8a4
--- /dev/null
+++ b/admin-frontend/src/pages/admin.css
@@ -0,0 +1,5 @@
+.layout-side .user {
+ height: 32px;
+ margin: 16px;
+ background: rgba(255, 255, 255, 0.3);
+}
diff --git a/admin-frontend/src/pages/admin.tsx b/admin-frontend/src/pages/admin.tsx
new file mode 100644
index 0000000..418854f
--- /dev/null
+++ b/admin-frontend/src/pages/admin.tsx
@@ -0,0 +1,47 @@
+import React, { FC, useContext, useState } from "react";
+import { LoginContext, GlobalConfContext } from "../utils/context";
+import { Layout, Menu } from 'antd';
+import { SubscribeConfig } from '../utils/type';
+import { SettingOutlined, BugOutlined } from '@ant-design/icons';
+import './admin.css';
+
+export function Admin() {
+ const { login } = useContext(LoginContext);
+ const [ tab, changeTab ] = useState("manage");
+ const globalConfContext = useContext(GlobalConfContext);
+ return (
+
+
+
+
+
+
+
+
+ {
+ tab == 'manage' ?
+
123
+ : null
+ }
+