fahed/marketing-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
fahed
2026-02-23 11:57:32 +03:00
parent 4522edeea8
commit 8436c49142
50 changed files with 6447 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/Campaigns.jsx
+8 -4
View File
@@ -12,6 +12,7 @@ import BrandBadge from '../components/BrandBadge'
import BudgetBar from '../components/BudgetBar'
import InteractiveTimeline from '../components/InteractiveTimeline'
import CampaignDetailPanel from '../components/CampaignDetailPanel'
import { SkeletonStatCard, SkeletonTable } from '../components/SkeletonLoader'
function ROIBadge({ revenue, spent }) {
if (!spent || spent <= 0) return null
@@ -91,9 +92,12 @@ export default function Campaigns() {
if (loading) {
return (
<div className="space-y-4 animate-pulse">
<div className="h-12 bg-surface-tertiary rounded-xl"></div>
<div className="h-[400px] bg-surface-tertiary rounded-xl"></div>
<div className="space-y-6">
<div className="h-12 bg-surface-tertiary rounded-xl animate-pulse"></div>
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3">
{[...Array(6)].map((_, i) => <SkeletonStatCard key={i} />)}
</div>
<SkeletonTable rows={5} cols={6} />
</div>
)
}
@@ -137,7 +141,7 @@ export default function Campaigns() {
{/* Summary Cards */}
{(totalBudget > 0 || totalSpent > 0) && (
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3">
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3 stagger-children">
<div className="bg-white rounded-xl border border-border p-4">
<div className="flex items-center gap-2 mb-1">
<DollarSign className="w-4 h-4 text-blue-500" />