feat: Oauth update

src/api/user/index.ts

@@ -21,4 +21,3 @@ export const oauthLogin = (type: string) => {
 		method: "get",
 	});
 };
-

src/components/Home/resources/Resources.tsx

@@ -27,7 +27,7 @@ const Resources = () => {
 			</div>
 			<div className={style.tabInfoContainer}>
 				{tabsContent[activeTab].cards.map((card: any) => {
-					return <TabCard key={card.key} {...card} />;
+					return <TabCard key={card.key} title={card.title} icon={card.icon} />;
 				})}
 			</div>
 		</section>

src/components/LoadingPage/index.tsx

@@ -5,6 +5,7 @@ import "./index.less";
 import { useNavigate, useSearchParams } from "react-router-dom";
 import useStore from "@/utils/store/useStore.tsx";
 import { observer } from "mobx-react";
+import localforage from "localforage";
 
 const LoadingPage = () => {
 	const [search] = useSearchParams();
@@ -14,6 +15,7 @@ const LoadingPage = () => {
 	const store = useStore("user");
 	store.setToken(token);
 	store.setUserId(userId);
+	localforage.setItem("token", token).then();
 	useEffect(() => {
 		document.body.classList.add("loading-body");
 		if (store.getToken() !== null && store.getUserId() !== null) {

src/router/modules/login/index.ts

@@ -1,9 +1,11 @@
-import { lazy } from 'react'
+/** @format */
+
+import { lazy } from "react";
 
 const login = lazy(
 	() =>
 		new Promise((resolve: any) => {
-            setTimeout(() => resolve(import('@/views/User/Login')), 500)
+			setTimeout(() => resolve(import("@/views/User/Login")), 500);
 		}),
-)
+);
-export default login
+export default login;

src/utils/axios/web.ts

@@ -1,9 +1,12 @@
 /** @format */
 
 import Request from "./request";
-import { handleLocalforage } from "@/utils/localforage";
+import localforage from "localforage";
 
-const token = handleLocalforage.getItem("token").then();
+async function getToken() {
+	return await localforage.getItem("token");
+}
+const token = await getToken();
 const web: Request = new Request({
 	baseURL: import.meta.env.VITE_APP_BASE_API,
 	headers: {

src/views/Home/index.tsx

@@ -1,11 +1,12 @@
 /** @format */
 
 import MainContainer from "@/components/Home/main-container/MainContainer.tsx";
+import { observer } from "mobx-react";
 
-export default () => {
+export default observer(() => {
 	return (
 		<div>
 			<MainContainer />
 		</div>
 	);
-};
+});

src/views/User/Login/index.tsx

@@ -56,6 +56,7 @@ export default observer(() => {
 
 	async function oAuthLogin(type: string) {
 		const res: any = await oauthLogin(type);
+		console.log(res);
 		window.location.href = res.data;
 	}
 

tsconfig.json

@@ -16,6 +16,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
+    "experimentalDecorators": true,
     "jsx": "react-jsx",
     /* Linting */
     "strict": true,
@@ -26,7 +27,7 @@
     "paths": {
       "@/*": [
         "./src/*"
-			],
+      ]
     }
   },
   "include": [
@@ -34,7 +35,7 @@
     "src/**/*.d.ts",
     "src/**/*.tsx",
     "types/*.d.ts",
-		"vite.config.ts",
+    "vite.config.ts"
   ],
   "references": [
     {