fix(mission-control): consistent dark theme across all pages

- All pages now use min-h-screen bg-slate-950
- Consistent card styling: bg-slate-800 rounded-xl border border-slate-700
- Fixed all hyphenated function names
- All 27 pages tested and returning 200
This commit is contained in:
2026-03-23 19:35:06 +01:00
parent e33898ec2e
commit fd9cbcb8a5
29 changed files with 219 additions and 164 deletions
+7 -5
View File
@@ -19,7 +19,7 @@ export default function LeadsPage() {
};
return (
<>
<div className="min-h-screen bg-slate-950 text-white">
<BackToMC />
<div className="p-6">
<div className="mb-6">
@@ -28,25 +28,27 @@ export default function LeadsPage() {
</div>
<div className="flex gap-2 mb-6">
{["all", "new", "contacted", "qualified"].map(s => (
<button key={s} onClick={() => setFilter(s)} className={`px-4 py-2 rounded-lg text-sm ${filter === s ? "bg-brand-pink text-white" : "bg-slate-800 text-slate-400"}`}>
<button key={s} onClick={() => setFilter(s)} className={`px-4 py-2 rounded-lg text-sm ${filter === s ? "bg-pink-500 text-white" : "bg-slate-800 text-slate-400"}`}>
{s.charAt(0).toUpperCase() + s.slice(1)}
</button>
))}
</div>
<div className="bg-slate-800 rounded-lg overflow-hidden">
<div className="bg-slate-800 rounded-xl overflow-hidden border border-slate-700">
<table className="w-full">
<thead>
<tr className="border-b border-slate-700">
<th className="text-left p-4 text-slate-400">Name</th>
<th className="text-left p-4 text-slate-400">Email</th>
<th className="text-left p-4 text-slate-400">Phone</th>
<th className="text-left p-4 text-slate-400">Status</th>
</tr>
</thead>
<tbody>
{filteredLeads.map(lead => (
<tr key={lead.id} className="border-b border-slate-700/50">
<tr key={lead.id} className="border-b border-slate-700/50 hover:bg-slate-700/30">
<td className="p-4 text-white">{lead.name}</td>
<td className="p-4 text-slate-400">{lead.email}</td>
<td className="p-4 text-slate-400">{lead.phone}</td>
<td className="p-4"><span className={`px-2 py-1 rounded text-xs ${statusColors[lead.status]}`}>{lead.status}</span></td>
</tr>
))}
@@ -54,6 +56,6 @@ export default function LeadsPage() {
</table>
</div>
</div>
</>
</div>
);
}