add types to clients, make dev auth easier

lib/auth-actions.ts

@@ -3,7 +3,7 @@
 import { createClient } from "@/lib/database/server";
 import { redirect } from "next/navigation";
 
-export async function signIn() {
+export async function signInWithDiscord() {
 	const supabase = createClient();
 
 	const { error, data } = await supabase.auth.signInWithOAuth({

lib/components/structural/navbar/top-nav.tsx

@@ -7,25 +7,25 @@ import {
 	SheetTrigger,
 	SheetContent,
 } from "@components/ui/sheet";
-import { Avatar, AvatarFallback } from "@components/ui/avatar";
+import { Avatar, AvatarImage, AvatarFallback } from "@components/ui/avatar";
 import { pageData } from "./nav-links";
 import { ModeToggle } from "./toggle";
-import { signIn } from "@/lib/auth-actions";
+import { signInWithDiscord } from "@/lib/auth-actions";
 import { createClient } from "@/lib/database/server";
-import { AvatarImage } from "@radix-ui/react-avatar";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
 	DropdownMenuGroup,
 	DropdownMenuItem,
 	DropdownMenuTrigger,
-} from "../../ui/dropdown-menu";
+} from "@components/ui/dropdown-menu";
 import Link from "next/link";
 import { SignOut } from "./sign-out";
 import { NavLink } from "./nav-link";
 
 async function AuthManager() {
 	const supabase = createClient();
+
 	const {
 		data: { user },
 	} = await supabase.auth.getUser();
@@ -72,7 +72,7 @@ async function AuthManager() {
 	}
 
 	return (
-		<form action={signIn}>
+		<form action={signInWithDiscord}>
 			<Button variant="secondary">
 				<span>YETI Login</span>
 			</Button>

lib/database/client.ts

@@ -1,7 +1,8 @@
 import { createBrowserClient } from "@supabase/ssr";
+import { Database } from "./types";
 
 export function createClient() {
-	return createBrowserClient(
+	return createBrowserClient<Database>(
 		process.env.NEXT_PUBLIC_SUPABASE_URL!,
 		process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
 	);

lib/database/server.ts

@@ -1,10 +1,11 @@
 import { createServerClient } from "@supabase/ssr";
 import { cookies } from "next/headers";
+import { Database } from "./types";
 
 export function createClient() {
 	const cookieStore = cookies();
 
-	return createServerClient(
+	return createServerClient<Database>(
 		process.env.NEXT_PUBLIC_SUPABASE_URL!,
 		process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
 		{

lib/database/service.ts

@@ -1,10 +1,11 @@
 import { createClient } from "@supabase/supabase-js";
+import { Database } from "./types";
 
 /**
  * SHOULD ONLY EVER BE USED ON SERVER
  */
 export function createServiceClient() {
-	return createClient(
+	return createClient<Database>(
 		process.env.NEXT_PUBLIC_SUPABASE_URL!,
 		process.env.SUPABASE_SERVICE_KEY!,
 		{