Feature/user settings (boundlessfi#68)

* feat: implement /api/user/settings route with GET and PUT support using Prisma

* feat(settings): connect frontend notification toggle to backend API

* PR fixes

Author: kju4q

app/(dashboard)/settings/notification-settings.tsx

@@ -13,7 +13,8 @@ import {
 	CardTitle,
 } from "@/components/ui/card";
 import { Label } from "@/components/ui/label";
-import { useState } from "react";
+import { updateUserSettings } from "@/lib/actions/settings";
+import { useEffect, useState } from "react";
 
 const toast = (props: { title: string; description: string }) => {
 	console.log(`Toast: ${props.title} - ${props.description}`);
@@ -22,6 +23,20 @@ const toast = (props: { title: string; description: string }) => {
 
 export function NotificationSettings() {
 	const [isLoading, setIsLoading] = useState(false);
+	const [notificationsEnabled, setNotificationsEnabled] = useState(true);
+
+	useEffect(() => {
+		const fetchSettings = async () => {
+			try {
+				const res = await fetch("/api/user/settings");
+				const data = await res.json();
+				setNotificationsEnabled(data.notificationsEnabled);
+			} catch (err) {
+				console.error("Failed to fetch notification settings", err);
+			}
+		};
+		fetchSettings();
+	}, []);
 
 	const [emailNotifications, setEmailNotifications] = useState({
 		projectUpdates: true,
@@ -37,19 +52,22 @@ export function NotificationSettings() {
 		importantAnnouncements: true,
 	});
 
-	function handleSave() {
+	async function handleSave() {
 		setIsLoading(true);
 
-		// Simulate API call
-		setTimeout(() => {
-			setIsLoading(false);
+		try {
+			await updateUserSettings({ notificationsEnabled });
+
 			toast({
 				title: "Notification preferences updated",
-				description:
-					"Your notification preferences have been updated successfully.",
+				description: "Your preferences were successfully saved.",
 			});
-			console.log({ emailNotifications, pushNotifications });
-		}, 1000);
+		} catch (err) {
+			console.error(err);
+			toast({ title: "Error", description: "Failed to update settings." });
+		} finally {
+			setIsLoading(false);
+		}
 	}
 
 	return (
@@ -211,16 +229,26 @@ export function NotificationSettings() {
 									updates
 								</p>
 							</div>
+
+							{/* 
+  				Only `notificationsEnabled` is saved to the database.
+  				Other toggles are local UI state with no backend mapping (yet).
+			*/}
 							<Switch
 								id="push-announcements"
-								checked={pushNotifications.importantAnnouncements}
-								onCheckedChange={(checked) =>
-									setPushNotifications({
-										...pushNotifications,
-										importantAnnouncements: checked,
-									})
-								}
+								checked={notificationsEnabled}
+								onCheckedChange={(checked) => setNotificationsEnabled(checked)}
 							/>
+							{/* <Switch
+                id="push-announcements"
+                checked={pushNotifications.importantAnnouncements}
+                onCheckedChange={(checked) =>
+                  setPushNotifications({
+                    ...pushNotifications,
+                    importantAnnouncements: checked,
+                  })
+                }
+              /> */}
 						</div>
 					</div>
 				</div>

app/api/user/settings/route.ts

@@ -0,0 +1,60 @@
+import { authOptions } from '@/lib/auth.config';
+import prisma from '@/lib/prisma';
+import { getServerSession } from 'next-auth';
+import { NextResponse } from 'next/server';
+import { z } from 'zod';
+
+const settingsSchema = z.object({
+  language: z.string().optional(),
+  notificationsEnabled: z.boolean().optional(),
+});
+
+export async function GET() {
+  const session = await getServerSession(authOptions);
+
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  const user = await prisma.user.findUnique({
+    where: { id: session.user.id },
+    select: {
+      theme: true,
+      language: true,
+      notificationsEnabled: true,
+    },
+  });
+
+  return NextResponse.json(user);
+}
+
+export async function PUT(request: Request) {
+  const session = await getServerSession(authOptions);
+
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  try {
+    const body = await request.json();
+    const data = settingsSchema.parse(body);
+
+    const updated = await prisma.user.update({
+      where: { id: session.user.id },
+      data,
+      select: {
+        theme: true,
+        language: true,
+        notificationsEnabled: true,
+      },
+    });
+
+    return NextResponse.json(updated);
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return NextResponse.json({ error: 'Invalid input', details: error.flatten() }, { status: 400 });
+    }
+
+    return NextResponse.json({ error: 'An unexpected error occurred' }, { status: 500 });
+  }
+}

lib/actions/settings.ts

@@ -0,0 +1,29 @@
+type UserSettings = {
+  theme?: string;
+  language?: string;
+  notificationsEnabled?: boolean;
+};
+
+export async function getUserSettings(): Promise<UserSettings> {
+  const res = await fetch('/api/user/settings');
+
+  if (!res.ok) {
+    throw new Error('Failed to fetch settings');
+  }
+
+  return res.json();
+}
+
+export async function updateUserSettings(data: UserSettings): Promise<UserSettings> {
+  const res = await fetch('/api/user/settings', {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data),
+  });
+
+  if (!res.ok) {
+    throw new Error('Failed to update settings');
+  }
+
+  return res.json();
+}

prisma/schema.prisma

@@ -35,22 +35,26 @@ model Session {
 }
 
 model User {
-  id            String       @id @default(cuid())
+  id            String    @id @default(cuid())
   name          String?
-  email         String?      @unique
+  email         String?   @unique
   emailVerified DateTime?
   image         String?
   password      String?
-  role          Role         @default(USER)
-  
+  role          Role      @default(USER)
+
   // Profile fields
-  username      String?      @unique
-  bio           String?      @db.Text
-  bannerImage   String?
-  twitter       String?
-  linkedin      String?
+  username           String? @unique
+  bio                String? @db.Text
+  bannerImage        String?
+  twitter            String?
+  linkedin           String?
   totalContributions Int     @default(0)
-  
+
+  // Settings fields
+  language             String?  @default("en")
+  notificationsEnabled Boolean? @default(true)
+
   accounts      Account[]
   sessions      Session[]
   OTP           OTP[]
@@ -153,23 +157,23 @@ enum ReactionType {
 }
 
 model Comment {
-  id        String    @id @default(cuid())
-  content   String    @db.Text
-  createdAt DateTime  @default(now())
-  updatedAt DateTime  @updatedAt
-  
-  project   Project   @relation(fields: [projectId], references: [id], onDelete: Cascade)
+  id        String   @id @default(cuid())
+  content   String   @db.Text
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  project   Project @relation(fields: [projectId], references: [id], onDelete: Cascade)
   projectId String
-  
-  user      User      @relation(fields: [userId], references: [id], onDelete: Cascade)
-  userId    String
-  
-  parent    Comment?  @relation("CommentReplies", fields: [parentId], references: [id], onDelete: SetNull)
-  parentId  String?
-  replies   Comment[] @relation("CommentReplies")
-  
+
+  user   User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId String
+
+  parent   Comment?  @relation("CommentReplies", fields: [parentId], references: [id], onDelete: SetNull)
+  parentId String?
+  replies  Comment[] @relation("CommentReplies")
+
   reactions CommentReaction[]
-  
+
   @@index([projectId])
   @@index([userId])
   @@index([parentId])
@@ -179,13 +183,13 @@ model CommentReaction {
   id        String       @id @default(cuid())
   type      ReactionType
   createdAt DateTime     @default(now())
-  
-  comment   Comment      @relation(fields: [commentId], references: [id], onDelete: Cascade)
+
+  comment   Comment @relation(fields: [commentId], references: [id], onDelete: Cascade)
   commentId String
-  
-  user      User         @relation(fields: [userId], references: [id], onDelete: Cascade)
-  userId    String
-  
+
+  user   User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId String
+
   @@unique([commentId, userId])
   @@index([commentId])
   @@index([userId])