Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 15:35:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove: <a> tags

Browse Source
This commit is contained in:
Sonny
2023-02-14 19:29:39 +01:00
parent 7754c87d96
commit 1636f9152b
6 changed files with 322 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
pages/signin.tsx
View File

@@ -1,58 +1,62 @@
import { getProviders, signIn, useSession } from 'next-auth/react';
import { useRouter } from 'next/router';
import { Provider } from "next-auth/providers";
import { getProviders, signIn, useSession } from "next-auth/react";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import Link from 'next/link';
import Head from 'next/head';
import MessageManager from "../components/MessageManager";
import { config } from "../config";
import styles from '../styles/login.module.scss';
import MessageManager from '../components/MessageManager';
import styles from "../styles/login.module.scss";
import { config } from '../config';
import { Provider } from 'next-auth/providers';
export default function SignIn({ providers }: { providers: Provider[] }) {
const { data: session, status } = useSession();
const info = useRouter().query?.info as string;
const error = useRouter().query?.error as string;
export default function SignIn({ providers }: { providers: Provider[]; }) {
const { data: session, status } = useSession();
const info = useRouter().query?.info as string;
const error = useRouter().query?.error as string;
if (status === "loading") {
return (
<div className="App" style={{ alignItems: "center" }}>
<p style={{ height: "fit-content" }}>
Chargement de la session en cours
</p>
</div>
);
}
if (status === 'loading') {
return (
<div className='App' style={{ alignItems: 'center' }}>
<p style={{ height: 'fit-content' }}>Chargement de la session en cours</p>
</div>
);
}
return (<>
<Head>
<title>{config.siteName} — Authentification</title>
</Head>
<div className='App'>
<div className={styles['wrapper']}>
<h2>Se connecter</h2>
<MessageManager
error={error}
info={info}
/>
{session !== null && (<MessageManager info='Vous êtes déjà connecté' />)}
<div className={styles['providers']}>
{Object.values(providers).map(({ name, id }) => (
<button key={id} onClick={() => signIn(id, { callbackUrl: '/' })} disabled={session !== null}>
Continuer avec {name}
</button>
))}
</div>
<Link href='/'>
<a>← Revenir à l'accueil</a>
</Link>
</div>
return (
<>
<Head>
<title>{config.siteName} — Authentification</title>
</Head>
<div className="App">
<div className={styles["wrapper"]}>
<h2>Se connecter</h2>
<MessageManager error={error} info={info} />
{session !== null && (
<MessageManager info="Vous êtes déjà connecté" />
)}
<div className={styles["providers"]}>
{Object.values(providers).map(({ name, id }) => (
<button
key={id}
onClick={() => signIn(id, { callbackUrl: "/" })}
disabled={session !== null}
>
Continuer avec {name}
</button>
))}
</div>
<Link href="/">← Revenir à l'accueil</Link>
</div>
</>);
</div>
</>
);
}
export async function getServerSideProps(context) {
const providers = await getProviders();
return {
props: { providers }
}
}
export async function getServerSideProps() {
const providers = await getProviders();
return {
props: { providers },
};
}