feat: Oauth update

src/components/LoadingPage/index.tsx

@@ -1,27 +1,24 @@
 /** @format */
 
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import "./index.less";
-import { geOauthtUserInfo } from "@/api/user";
-import localforage from "localforage";
-
-const LoadingPage: React.FC = () => {
-	async function getUserInfo() {
-		const res: any = await geOauthtUserInfo();
-		localforage.setItem("token", res.data.token).then();
-		localforage.setItem("userId", res.data.userId).then();
-	}
+import { useNavigate, useSearchParams } from "react-router-dom";
+import useStore from "@/utils/store/useStore.tsx";
+import { observer } from "mobx-react";
 
+const LoadingPage = () => {
+	const [search] = useSearchParams();
+	const navigate = useNavigate();
+	const token: any = search.get("token");
+	const userId: any = search.get("userId");
+	const store = useStore("user");
+	store.setToken(token);
+	store.setUserId(userId);
 	useEffect(() => {
 		document.body.classList.add("loading-body");
-		getUserInfo().then(() => {
-			if (
-				localforage.getItem("token").then() !== null &&
-				localforage.getItem("userId").then() !== null
-			) {
-				window.location.href = "/main";
-			}
-		});
+		if (store.getToken() !== null && store.getUserId() !== null) {
+			navigate("/main");
+		}
 		return () => {
 			document.body.classList.remove("loading-body");
 		};
@@ -70,4 +67,4 @@ const LoadingPage: React.FC = () => {
 		</>
 	);
 };
-export default React.memo(LoadingPage);
+export default observer(LoadingPage);