diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx index 5f62f29..2652de4 100644 --- a/src/app/admin/layout.tsx +++ b/src/app/admin/layout.tsx @@ -22,7 +22,8 @@ import { Settings, LogOut, Code2, - Mails + Mails, + Send } from "lucide-react" import { Button } from "@/components/ui/button"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; @@ -74,6 +75,14 @@ function AdminLayout({ Settings + + + + + + SMTP Settings + + diff --git a/src/app/admin/settings/smtp/page.tsx b/src/app/admin/settings/smtp/page.tsx new file mode 100644 index 0000000..c2d556f --- /dev/null +++ b/src/app/admin/settings/smtp/page.tsx @@ -0,0 +1,61 @@ + +'use client'; + +import { Button } from '@/components/ui/button'; +import { Input } from '@/components/ui/input'; +import { Label } from '@/components/ui/label'; +import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'; +import { useToast } from '@/hooks/use-toast'; + +export default function SmtpSettingsPage() { + const { toast } = useToast(); + + const handleSaveChanges = () => { + // In a real app, you would save these settings. + // For now, we'll just show a success toast. + toast({ + title: 'Success!', + description: 'SMTP settings saved (simulation).', + }); + }; + + return ( +
+
+

SMTP Settings

+

+ Configure your SMTP server to send emails. +

+
+ + + SMTP Configuration + + Enter the details for your SMTP provider. + + + +
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ +
+ ); +}