xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-08 19:16:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add auto login

Browse Source
This commit is contained in:
JuliusMoehring 2023-11-07 18:44:30 +01:00
parent 3545740108
commit c77bedf432
3 changed files with 19 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/home.tsx
View File

@ -2,7 +2,7 @@
require("../polyfill"); require("../polyfill");
import { useState, useEffect } from "react"; import { useEffect, useState } from "react";
import styles from "./home.module.scss"; import styles from "./home.module.scss";
@ -18,17 +18,17 @@ import { ErrorBoundary } from "./error";
import { getISOLang, getLang } from "../locales"; import { getISOLang, getLang } from "../locales";
import { import {
Route,
HashRouter as Router, HashRouter as Router,
Routes, Routes,
Route,
useLocation, useLocation,
} from "react-router-dom"; } from "react-router-dom";
import { SideBar } from "./sidebar"; import { api } from "../client/api";
import { getClientConfig } from "../config/client";
import { useAccessStore } from "../store";
import { useAppConfig } from "../store/config"; import { useAppConfig } from "../store/config";
import { AuthPage } from "./auth"; import { AuthPage } from "./auth";
import { getClientConfig } from "../config/client"; import { SideBar } from "./sidebar";
import { api } from "../client/api";
import { useAccessStore } from "../store";
export function Loading(props: { noLogo?: boolean }) { export function Loading(props: { noLogo?: boolean }) {
return ( return (
@ -128,7 +128,8 @@ function Screen() {
const isHome = location.pathname === Path.Home; const isHome = location.pathname === Path.Home;
const isAuth = location.pathname === Path.Auth; const isAuth = location.pathname === Path.Auth;
const isMobileScreen = useMobileScreen(); const isMobileScreen = useMobileScreen();
const shouldTightBorder = getClientConfig()?.isApp || (config.tightBorder && !isMobileScreen); const shouldTightBorder =
getClientConfig()?.isApp || (config.tightBorder && !isMobileScreen);
useEffect(() => { useEffect(() => {
loadAsyncGoogleFont(); loadAsyncGoogleFont();

25
app/login/login.module.scss
View File

@ -1,25 +0,0 @@
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
gap: 16px;
width: 100%;
max-width: 560px;
padding: 16px;
}
.headline {
text-align: center;
}
.subline {
text-align: center;
}
.sign-in-button {
width: 100%;
max-width: 260px;
text-decoration: none;
}

45
app/login/page.tsx
View File

@ -1,45 +1,22 @@
"use client"; "use client";
import { signIn, useSession } from "next-auth/react"; import { signIn, useSession } from "next-auth/react";
import Link from "next/link";
import { IconButton } from "../components/button";
import styles from "./login.module.scss"; import { useEffect } from "react";
import { Loading } from "../components/home";
export default function Login() { export default function Login() {
const session = useSession(); const session = useSession();
const handleLogin = async () => { useEffect(() => {
signIn("azure-ad", { const handleLogin = async () => {
callbackUrl: "/", signIn("azure-ad", {
}); callbackUrl: "/",
}; });
};
return ( handleLogin();
<div className={styles["container"]}> }, []);
<h1 className={styles["headline"]}>Welcome to AdEx GPT</h1>
<p className={styles["subline"]}> return <Loading />;
Before you can start using AdEx GPT you have to sign in using your AdEx
account. After a successful sign in you will be redirected to the chat.
</p>
{session.status === "authenticated" ? (
<Link href="/" className={styles["sign-in-button"]}>
<IconButton
text="Go to Chat"
type="primary"
className={styles["sign-in-button"]}
/>
</Link>
) : (
<IconButton
text="Login"
type="primary"
className={styles["sign-in-button"]}
onClick={handleLogin}
/>
)}
</div>
);
} }