Toogether/Client
2
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

feature/auth #2

Merged
m1000 merged 14 commits from feature/auth into main 2024-12-13 12:55:23 +00:00
Conversation 0 Commits 14 Files Changed 28 +11 -13
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 716642142f - Show all commits

22
src/app/auth/login/page.tsx
View File

@ -3,10 +3,10 @@ import { authOptions } from "@/authOptions";
import { signIn } from "next-auth/react"; import { signIn } from "next-auth/react";
const LoginPage = () => { const LoginPage = () => {
const providers = authOptions.providers; const provider = authOptions.providers[0];
return ( return (
<div className="flex flex-col h-screen items-center justify-center bg-gradient-to-br from-green-700 to-green-950 bg-[length:200%_200%] animate-gradient-x"> <div className="flex flex-col h-screen items-center justify-center bg-gradient-to-br from-green-700 to-green-950 bg-[length:200%_200%] animate-gradient-x text-white">
<div className="flex flex-col justify-center items-center w-1/2 gap-6 bg-black bg-opacity-40 p-4 rounded-md"> <div className="flex flex-col justify-center items-center w-1/2 gap-6 bg-black bg-opacity-40 p-4 rounded-md">
<div className="flex items-center w-full gap-5"> <div className="flex items-center w-full gap-5">
<div className="border-t border-white flex-grow"></div> <div className="border-t border-white flex-grow"></div>
@ -26,16 +26,14 @@ const LoginPage = () => {
<h3 className="font-bold text-xl">Via</h3> <h3 className="font-bold text-xl">Via</h3>
<ul> <ul>
{providers.map((provider) => ( <li key={provider.id}>
<li key={provider.id}> <button
<button className="bg-white text-black p-2 rounded-md"
className="bg-white text-black p-2 rounded-md" onClick={() => signIn(provider.id)}
onClick={() => signIn(provider.id)} >
> {provider.name}
{provider.name} </button>
</button> </li>
</li>
))}
</ul> </ul>
</div> </div>
</div> </div>

2
src/app/layout.tsx
View File

@ -8,7 +8,7 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body className="text-white"> <body>
<SessionProviderWrapper>{children}</SessionProviderWrapper> <SessionProviderWrapper>{children}</SessionProviderWrapper>
</body> </body>
</html> </html>