690331:1652 Correspondence Page Refactor by GPT-5.3-Codex Medium #04

2026-03-31 16:52:24 +07:00
parent bf5c67fc7e
commit fb73d1c5b5
2 changed files with 130 additions and 0 deletions
@@ -0,0 +1,118 @@
+'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?.fullName || user?.username || 'Unknown'} ({user?.role})
+            </p>
+          </div>
+          <div>
+            <p className="font-medium">Organization</p>
+            <p className="text-sm text-muted-foreground">
+              {user?.primaryOrganization?.organizationName || '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>
+  );
+}