From df85aaa4cad2c768c8d79ec996e4fb406a3cbf6a Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Wed, 17 Sep 2025 23:15:47 +0200
Subject: [PATCH] move recent campaigns to bottom of dashboard

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/routes/dashboard/+page.svelte | 73 +++++++++++-----------
 1 file changed, 37 insertions(+), 36 deletions(-)

diff --git a/frontend/src/routes/dashboard/+page.svelte b/frontend/src/routes/dashboard/+page.svelte
index ba185ed..b3ac2f4 100644
--- a/frontend/src/routes/dashboard/+page.svelte
+++ b/frontend/src/routes/dashboard/+page.svelte
@@ -431,42 +431,6 @@
 		/>
 	</div>
 
-	<SubHeadline>Recent Campaigns</SubHeadline>
-	<div class="min-h-[300px] mb-8">
-		<Table
-			isGhost={isCampaignStatsLoading}
-			columns={[
-				{ column: 'Campaign', size: 'large' },
-				{ column: 'Template', size: 'medium' },
-				{ column: 'Recipients', size: 'small' },
-				{ column: 'Open Rate', size: 'small' },
-				{ column: 'Click Rate', size: 'small' },
-				{ column: 'Submission Rate', size: 'small' },
-				{ column: 'Report Rate', size: 'small' },
-				{ column: 'Closed', size: 'small' }
-			]}
-			hasData={!!campaignStats.length}
-			plural="campaign statistics"
-			hasActions={false}
-		>
-			{#each campaignStats as stat}
-				<TableRow>
-					<TableCell>
-						<a href={`/campaign/${stat.campaignId}`}>
-							{stat.campaignName}
-						</a>
-					</TableCell>
-					<TableCell value={stat.templateName} />
-					<TableCell value={stat.totalRecipients} />
-					<TableCell value="{Math.round(stat.openRate)}%" />
-					<TableCell value="{Math.round(stat.clickRate)}%" />
-					<TableCell value="{Math.round(stat.submissionRate)}%" />
-					<TableCell value="{Math.round(stat.reportRate)}%" />
-					<TableCell value={stat.campaignClosedAt} isDate isRelative />
-				</TableRow>
-			{/each}
-		</Table>
-	</div>
 	<SubHeadline>Active campaigns</SubHeadline>
 	<div class="min-h-[300px] mb-8">
 		<Table
@@ -582,4 +546,41 @@
 			{/each}
 		</Table>
 	</div>
+
+	<SubHeadline>Recent Campaigns</SubHeadline>
+	<div class="min-h-[300px] mb-8">
+		<Table
+			isGhost={isCampaignStatsLoading}
+			columns={[
+				{ column: 'Campaign', size: 'large' },
+				{ column: 'Template', size: 'medium' },
+				{ column: 'Recipients', size: 'small' },
+				{ column: 'Open Rate', size: 'small' },
+				{ column: 'Click Rate', size: 'small' },
+				{ column: 'Submission Rate', size: 'small' },
+				{ column: 'Report Rate', size: 'small' },
+				{ column: 'Closed', size: 'small' }
+			]}
+			hasData={!!campaignStats.length}
+			plural="campaign statistics"
+			hasActions={false}
+		>
+			{#each campaignStats as stat}
+				<TableRow>
+					<TableCell>
+						<a href={`/campaign/${stat.campaignId}`}>
+							{stat.campaignName}
+						</a>
+					</TableCell>
+					<TableCell value={stat.templateName} />
+					<TableCell value={stat.totalRecipients} />
+					<TableCell value="{Math.round(stat.openRate)}%" />
+					<TableCell value="{Math.round(stat.clickRate)}%" />
+					<TableCell value="{Math.round(stat.submissionRate)}%" />
+					<TableCell value="{Math.round(stat.reportRate)}%" />
+					<TableCell value={stat.campaignClosedAt} isDate isRelative />
+				</TableRow>
+			{/each}
+		</Table>
+	</div>
 </main>