122 lines
4.1 KiB
TypeScript
122 lines
4.1 KiB
TypeScript
'use client';
|
|
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
|
|
import { Settings, User, Bell, Shield, Database } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
import { useAuthStore } from '@/lib/stores/auth-store';
|
|
|
|
export default function SettingsPage() {
|
|
const { user } = useAuthStore();
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div>
|
|
<h1 className="text-3xl font-bold">Settings</h1>
|
|
<p className="text-muted-foreground mt-1">
|
|
Manage your account and application settings
|
|
</p>
|
|
</div>
|
|
|
|
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
|
|
<Card className="hover:shadow-md transition-shadow cursor-pointer">
|
|
<Link href="/settings/profile">
|
|
<CardHeader className="pb-3">
|
|
<CardTitle className="flex items-center gap-2 text-lg">
|
|
<User className="h-5 w-5" />
|
|
Profile
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">
|
|
Update your personal information and preferences
|
|
</p>
|
|
</CardContent>
|
|
</Link>
|
|
</Card>
|
|
|
|
<Card className="hover:shadow-md transition-shadow cursor-pointer">
|
|
<Link href="/settings/notifications">
|
|
<CardHeader className="pb-3">
|
|
<CardTitle className="flex items-center gap-2 text-lg">
|
|
<Bell className="h-5 w-5" />
|
|
Notifications
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">
|
|
Configure email and in-app notifications
|
|
</p>
|
|
</CardContent>
|
|
</Link>
|
|
</Card>
|
|
|
|
<Card className="hover:shadow-md transition-shadow cursor-pointer">
|
|
<Link href="/settings/security">
|
|
<CardHeader className="pb-3">
|
|
<CardTitle className="flex items-center gap-2 text-lg">
|
|
<Shield className="h-5 w-5" />
|
|
Security
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">
|
|
Manage password and authentication settings
|
|
</p>
|
|
</CardContent>
|
|
</Link>
|
|
</Card>
|
|
|
|
{user?.role === 'SUPERADMIN' && (
|
|
<Card className="hover:shadow-md transition-shadow cursor-pointer">
|
|
<Link href="/admin">
|
|
<CardHeader className="pb-3">
|
|
<CardTitle className="flex items-center gap-2 text-lg">
|
|
<Database className="h-5 w-5" />
|
|
System Admin
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">
|
|
System administration and configuration
|
|
</p>
|
|
</CardContent>
|
|
</Link>
|
|
</Card>
|
|
)}
|
|
</div>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle className="flex items-center gap-2">
|
|
<Settings className="h-5 w-5" />
|
|
Quick Info
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
<div>
|
|
<p className="font-medium">Current User</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
{user?.firstName && user?.lastName
|
|
? `${user.firstName} ${user.lastName}`
|
|
: user?.username || 'Unknown'}{' '}
|
|
({user?.role})
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<p className="font-medium">Organization</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
{user?.primaryOrganizationName || 'Not assigned'}
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<p className="font-medium">Application</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
LCBP3 Document Management System v1.8.5
|
|
</p>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|