zaremate/file-hosting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: src/app/page.tsx

Browse Source 
new file:   src/components/Auth.tsx
modified:   src/trpc/server.ts
This commit is contained in:
ZareMate 2025-04-14 09:34:06 +02:00
parent 571a64d1d5
commit 6522a256b9
Signed by: zaremate
GPG Key ID: 369A0E45E03A81C3
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/page.tsx
View File

@ -4,6 +4,7 @@ import { HydrateClient } from "~/trpc/server";
import FileGrid from "~/app/_components/FileGrid"; import FileGrid from "~/app/_components/FileGrid";
import UploadForm from "~/app/_components/UploadForm"; import UploadForm from "~/app/_components/UploadForm";
import { Toaster } from "react-hot-toast"; import { Toaster } from "react-hot-toast";
import { signIn, signOut } from "next-auth/react";
export default async function Home() { export default async function Home() {
const session = await auth(); const session = await auth();
@ -42,14 +43,12 @@ export default async function Home() {
)} )}
{!session?.user && ( {!session?.user && (
<div className="flex flex-col items-center gap-2"> <div className="flex flex-col items-center gap-2">
<div className="flex flex-col items-center justify-center gap-4"> <button
<Link onClick={() => (session ? signOut() : signIn())}
href={session ? "/api/auth/signout" : "/api/auth/signin"} className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20" >
> {session ? "Sign out" : "Sign in"}
{session ? "Sign out" : "Sign in"} </button>
</Link>
</div>
</div> </div>
)} )}
</div> </div>

0
src/components/Auth.tsx Normal file
View File

1
src/trpc/server.ts
View File

@ -8,6 +8,7 @@ import { createCaller, type AppRouter } from "~/server/api/root";
import { createTRPCContext } from "~/server/api/trpc"; import { createTRPCContext } from "~/server/api/trpc";
import { createQueryClient } from "./query-client"; import { createQueryClient } from "./query-client";
/** /**
* This wraps the `createTRPCContext` helper and provides the required context for the tRPC API when * This wraps the `createTRPCContext` helper and provides the required context for the tRPC API when
* handling a tRPC call from a React Server Component. * handling a tRPC call from a React Server Component.