feat: Oauth update

This commit is contained in:
landaiqing
2024-05-27 23:42:30 +08:00
parent 90a1c1f3ce
commit ce246ae2fe
8 changed files with 64 additions and 55 deletions

View File

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

View File

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

View File

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

View File

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

View File

@@ -1,9 +1,12 @@
/** @format */ /** @format */
import Request from "./request"; 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({ const web: Request = new Request({
baseURL: import.meta.env.VITE_APP_BASE_API, baseURL: import.meta.env.VITE_APP_BASE_API,
headers: { headers: {

View File

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

View File

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

View File

@@ -1,44 +1,45 @@
{ {
"compilerOptions": { "compilerOptions": {
"esModuleInterop": true, "esModuleInterop": true,
"target": "ES2020", "target": "ES2020",
"useDefineForClassFields": true, "useDefineForClassFields": true,
"lib": [ "lib": [
"ES2020", "ES2020",
"DOM", "DOM",
"DOM.Iterable" "DOM.Iterable"
], ],
"module": "ESNext", "module": "ESNext",
"skipLibCheck": true, "skipLibCheck": true,
/* Bundler mode */ /* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"resolveJsonModule": true, "resolveJsonModule": true,
"isolatedModules": true, "isolatedModules": true,
"noEmit": true, "noEmit": true,
"jsx": "react-jsx", "experimentalDecorators": true,
/* Linting */ "jsx": "react-jsx",
"strict": true, /* Linting */
"noUnusedLocals": true, "strict": true,
"noUnusedParameters": true, "noUnusedLocals": true,
"noFallthroughCasesInSwitch": true, "noUnusedParameters": true,
"baseUrl": "./", "noFallthroughCasesInSwitch": true,
"paths": { "baseUrl": "./",
"@/*": [ "paths": {
"./src/*" "@/*": [
], "./src/*"
} ]
}, }
"include": [ },
"src/**/*.ts", "include": [
"src/**/*.d.ts", "src/**/*.ts",
"src/**/*.tsx", "src/**/*.d.ts",
"types/*.d.ts", "src/**/*.tsx",
"vite.config.ts", "types/*.d.ts",
], "vite.config.ts"
"references": [ ],
{ "references": [
"path": "./tsconfig.node.json" {
} "path": "./tsconfig.node.json"
] }
]
} }