migrate from clerk user metadata

Author: joshuasilva414

apps/web/src/app/api/registration/create/route.ts

@@ -38,19 +38,6 @@ export async function POST(req: Request) {
 		);
 	}
 
-	if (user.publicMetadata.registrationComplete) {
-		console.log("already registered");
-		return NextResponse.json(
-			{
-				success: false,
-				message: "You are already registered.",
-			},
-			{ status: 400 },
-		);
-	}
-
-	// TODO: Might be removable? Not sure if this is needed. In every case, the sure should have a piece of metadata that says if they are registered or not.
-
 	const lookupByUserID = await getUser(user.id);
 
 	if (lookupByUserID) {
@@ -129,13 +116,6 @@ export async function POST(req: Request) {
 		});
 	});
 
-	clerkClient.users.updateUser(user.id, {
-		publicMetadata: {
-			...user.publicMetadata,
-			registrationComplete: true,
-		},
-	});
-
 	// sendEmail({
 	// 	to: body.email,
 	// 	subject: `You are now registered for ${c.hackathonName} ${c.itteration}!`,

apps/web/src/app/dash/layout.tsx

@@ -19,7 +19,7 @@ interface DashLayoutProps {
 export default async function DashLayout({ children }: DashLayoutProps) {
 	const clerkUser = await currentUser();
 
-	if (!clerkUser || !clerkUser.publicMetadata.registrationComplete) {
+	if (!clerkUser || (await getUser(clerkUser.id)) == undefined) {
 		return redirect("/register");
 	}
 

apps/web/src/app/settings/layout.tsx

@@ -5,6 +5,7 @@ import SettingsSection from "@/components/settings/SettingsSection";
 import Navbar from "@/components/shared/Navbar";
 import { Settings } from "lucide-react";
 import ClientToast from "@/components/shared/ClientToast";
+import { getUser } from "db/functions/user";
 
 export default async function ({ children }: { children: ReactNode }) {
 	const { userId } = await auth();
@@ -14,7 +15,7 @@ export default async function ({ children }: { children: ReactNode }) {
 		return redirect("/sign-in");
 	}
 
-	if (!user.publicMetadata.registrationComplete) {
+	if ((await getUser(userId)) == undefined) {
 		return redirect("/register");
 	}
 

apps/web/src/components/shared/Navbar.tsx

@@ -7,6 +7,7 @@ import { auth, currentUser } from "@clerk/nextjs";
 import NavBarLinksGrouper from "./NavBarLinksGrouper";
 import { Oswald } from "next/font/google";
 import { cn } from "@/lib/utils/client/cn";
+import { getUser } from "db/functions";
 
 const oswald = Oswald({
 	variable: "--font-oswald",
@@ -19,6 +20,8 @@ interface NavbarProps {
 
 export default async function Navbar({ className }: NavbarProps) {
 	const user = await currentUser();
+	const registrationIsComplete =
+		user != null && (await getUser(user.id)) != undefined;
 	return (
 		<div className="z-50 w-screen">
 			<div
@@ -55,8 +58,7 @@ export default async function Navbar({ className }: NavbarProps) {
 								<>
 									<Link
 										href={
-											user.publicMetadata
-												.registrationComplete
+											registrationIsComplete
 												? "/dash"
 												: "/register"
 										}
@@ -65,8 +67,7 @@ export default async function Navbar({ className }: NavbarProps) {
 											variant={"outline"}
 											className="bg-nav hover:bg-background"
 										>
-											{user.publicMetadata
-												.registrationComplete
+											{registrationIsComplete
 												? "Dashboard"
 												: "Complete Registration"}
 										</Button>