49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import FetchDataSteps from "@/app/_components/tutorial/fetch-data-steps";
|
|
import db from "@/lib/db";
|
|
import { createClient } from "@/utils/supabase/server";
|
|
import { InfoIcon } from "lucide-react";
|
|
import { redirect } from "next/navigation";
|
|
|
|
export default async function ProtectedPage() {
|
|
const supabase = await createClient();
|
|
|
|
const {
|
|
data: { user },
|
|
} = await supabase.auth.getUser();
|
|
|
|
if (!user) {
|
|
return redirect("/sign-in");
|
|
}
|
|
|
|
const userDetail = await db.users.findUnique({
|
|
where: {
|
|
id: user.id,
|
|
},
|
|
});
|
|
|
|
return (
|
|
<div className="flex-1 w-full flex flex-col gap-12">
|
|
<div className="w-full">
|
|
<div className="bg-accent text-sm p-3 px-5 rounded-md text-foreground flex gap-3 items-center">
|
|
<InfoIcon size="16" strokeWidth={2} />
|
|
This is a protected page that you can only see as an authenticated
|
|
user
|
|
</div>
|
|
</div>
|
|
<div className="flex gap-2 items-start">
|
|
<h2 className="font-bold text-2xl mb-4">Your user details</h2>
|
|
<pre className="text-xs font-mono p-3 rounded border overflow-auto">
|
|
{JSON.stringify(userDetail, null, 2)}
|
|
</pre>
|
|
<pre className="text-xs font-mono p-3 rounded border overflow-auto">
|
|
{JSON.stringify(user, null, 2)}
|
|
</pre>
|
|
</div>
|
|
<div>
|
|
<h2 className="font-bold text-2xl mb-4">Next steps</h2>
|
|
<FetchDataSteps />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|