Calender & Linked Added

src/app/(dashboard)/emails/page.tsx

@@ -0,0 +1,53 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import { useRouter } from "next/navigation"
+import { useUser } from "@/providers/user-provider"
+import { Mail, Clock } from "lucide-react"
+
+export default function EmailsPage() {
+  const router = useRouter()
+  const { user } = useUser()
+  const [emails, setEmails] = useState<any[]>([])
+
+  useEffect(() => {
+    if (!user) { router.push("/login"); return }
+    if (user.role !== "admin" && user.role !== "super_admin") { router.push("/dashboard"); return }
+    fetch("/api/emails").then((r) => r.ok ? r.json() : { emails: [] }).then((d) => setEmails(d.emails || []))
+  }, [user, router])
+
+  if (!user || (user.role !== "admin" && user.role !== "super_admin")) return null
+
+  return (
+    <div className="p-6">
+      <h1 className="text-xl font-bold mb-4">Email Log</h1>
+      <p className="text-sm text-muted-foreground mb-6">
+        Emails are stored locally. To actually deliver them, add <code className="bg-muted px-1 rounded">EMAIL_API_KEY</code> to your .env.
+      </p>
+      {emails.length === 0 ? (
+        <p className="text-sm text-muted-foreground">No emails sent yet.</p>
+      ) : (
+        <div className="space-y-2">
+          {emails.map((e: any) => {
+            const withMatch = e.bodyText?.match(/With:\s*(.+)/)
+            const withName = withMatch ? withMatch[1].trim() : null
+            return (
+              <div key={e.id} className="flex items-center gap-3 p-3 rounded-lg border bg-card">
+                <Mail className="h-4 w-4 text-muted-foreground shrink-0" />
+                <div className="flex-1 min-w-0">
+                  <p className="text-sm font-medium truncate">{e.subject}</p>
+                  <p className="text-xs text-muted-foreground">To: {e.recipient}</p>
+                  {withName && <p className="text-xs text-muted-foreground/70 mt-0.5">With: {withName}</p>}
+                </div>
+                <div className="flex items-center gap-1 text-xs text-muted-foreground shrink-0">
+                  <Clock className="h-3 w-3" />
+                  {new Date(e.createdAt).toLocaleString()}
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}