on the admin dashboard you remove the email SMPT tab, readded and inclu

This commit is contained in:
Leon Serfaty G
2025-07-18 03:19:06 +00:00
parent 4b33b2dd24
commit 4ac8ca62fb
2 changed files with 62 additions and 1 deletions
+10 -1
View File
@@ -21,7 +21,8 @@ import {
User,
Settings,
LogOut,
Code2
Code2,
Mails
} from "lucide-react"
import { Button } from "@/components/ui/button";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@@ -74,6 +75,14 @@ function AdminLayout({
</SidebarMenuButton>
</Link>
</SidebarMenuItem>
<SidebarMenuItem>
<Link href="/admin/settings/email-templates">
<SidebarMenuButton tooltip="Email Templates">
<Mails />
<span>Email Templates</span>
</SidebarMenuButton>
</Link>
</SidebarMenuItem>
</SidebarMenu>
</SidebarContent>
<SidebarFooter>
@@ -0,0 +1,52 @@
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
export default function EmailTemplatesPage() {
return (
<div className="space-y-8">
<div>
<h1 className="text-3xl font-bold tracking-tight">Email Templates</h1>
<p className="mt-2 text-muted-foreground">
Preview and manage the email sent to users after they complete an estimate.
</p>
</div>
<Card>
<CardHeader>
<div className="flex items-center justify-between">
<div>
<CardTitle>Estimate Completion Email</CardTitle>
<CardDescription>This is the email users receive.</CardDescription>
</div>
<Button variant="outline">Edit Template</Button>
</div>
</CardHeader>
<CardContent>
<div className="w-full rounded-lg border bg-muted p-6">
<div className="font-sans text-sm text-foreground">
<h2 className="text-xl font-bold">Your Project Estimate is Ready!</h2>
<p className="mt-4">Hello, [User Name],</p>
<p className="mt-2">Thank you for using EstimateFlow. We've prepared a rough estimate for your project based on your selections.</p>
<div className="my-6 space-y-4 rounded-lg border bg-background p-4">
<div>
<h3 className="font-semibold">Custom Development Estimate</h3>
<p className="text-2xl font-bold">[Custom Hours]+ hours</p>
</div>
<div>
<h3 className="font-semibold">Ready-Made Tools Estimate</h3>
<p className="text-2xl font-bold">[Ready-Made Hours]+ hours</p>
</div>
</div>
<p className="mt-2">Please note that this is a preliminary estimate. For a more detailed quote and to discuss your project further, please don't hesitate to contact us.</p>
<p className="mt-6">Best regards,</p>
<p className="font-semibold">The EstimateFlow Team</p>
</div>
</div>
</CardContent>
</Card>
</div>
);
}