feat: integrate TransactionHistory component into Dashboard and update styles for better UI consistency

This commit is contained in:
2026-01-27 14:33:36 -06:00
parent 467f34b42a
commit 97aa7860a9
5 changed files with 92 additions and 192 deletions

View File

@@ -191,10 +191,9 @@ const AdminFinancials = () => {
<div className="space-y-4">
{reports.map(report => (
<Card key={report.id} className="p-6">
<div className="flex items-center gap-6">
<div className="bg-light-lavender p-4 rounded-xl min-w-[100px] text-center">
<DollarSign className="h-6 w-6 mx-auto mb-1" />
<div className="text-2xl font-bold">{report.year}</div>
<div className="flex items-center gap-3">
<div className="bg-light-lavender p-3 rounded-xl self-center">
<DollarSign className="size-8 " />
</div>
<div className="flex-1">
<h3 className="text-lg font-semibold text-[var(--purple-ink)] mb-2">

View File

@@ -223,10 +223,13 @@ const AdminNewsletters = () => {
<Calendar className="h-5 w-5" />
{year}
</h2>
<div className="grid gap-4">
<div className="grid gap-3">
{groupedNewsletters[year].map(newsletter => (
<Card key={newsletter.id} className="p-6">
<div className="flex items-start justify-between">
<div className="flex items-start justify-between ">
<div className="bg-light-lavender p-3 mr-4 rounded-xl self-center">
<FileText className="size-8 " />
</div>
<div className="flex-1">
<h3 className="text-lg font-semibold text-[var(--purple-ink)] mb-2">
{newsletter.title}