65 lines
2.5 KiB
TypeScript
65 lines
2.5 KiB
TypeScript
'use client';
|
|
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
|
import { Label } from '@/components/ui/label';
|
|
import { Switch } from '@/components/ui/switch';
|
|
import { Button } from '@/components/ui/button';
|
|
|
|
export default function SettingsPage() {
|
|
return (
|
|
<div className="space-y-6">
|
|
<div>
|
|
<h1 className="text-3xl font-bold">System Settings</h1>
|
|
<p className="text-muted-foreground mt-1">Manage global system configurations</p>
|
|
</div>
|
|
|
|
<div className="grid gap-6">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>General Settings</CardTitle>
|
|
<CardDescription>Configure general system behavior</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
<div className="flex items-center justify-between space-x-2">
|
|
<div className="flex flex-col space-y-1">
|
|
<Label htmlFor="maintenance-mode">Maintenance Mode</Label>
|
|
<span className="text-sm text-muted-foreground">
|
|
Prevent users from accessing the system during maintenance
|
|
</span>
|
|
</div>
|
|
<Switch id="maintenance-mode" />
|
|
</div>
|
|
<div className="flex items-center justify-between space-x-2">
|
|
<div className="flex flex-col space-y-1">
|
|
<Label htmlFor="audit-logging">Enhanced Audit Logging</Label>
|
|
<span className="text-sm text-muted-foreground">Log detailed request/response data for debugging</span>
|
|
</div>
|
|
<Switch id="audit-logging" defaultChecked />
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>Notification Settings</CardTitle>
|
|
<CardDescription>Manage system-wide email notifications</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
<div className="flex items-center justify-between space-x-2">
|
|
<div className="flex flex-col space-y-1">
|
|
<Label htmlFor="email-notif">Email Notifications</Label>
|
|
<span className="text-sm text-muted-foreground">Enable or disable all outbound emails</span>
|
|
</div>
|
|
<Switch id="email-notif" defaultChecked />
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<div className="flex justify-end">
|
|
<Button>Save Changes</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|