From 8c887c73cce84e823c60d9c5db8c0ca483cd2b54 Mon Sep 17 00:00:00 2001
From: Caleb Owens <hello@calebowens.com>
Date: Thu, 30 May 2024 18:43:54 +0200
Subject: [PATCH] Components: Enhanced Commit List Display

Updated the Remote Branch Preview component to display commits with proper styling and highlighting of first and last commit in a list.
---
 app/src/lib/components/RemoteBranchPreview.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/src/lib/components/RemoteBranchPreview.svelte b/app/src/lib/components/RemoteBranchPreview.svelte
index 4861814e1..4a6d073e1 100644
--- a/app/src/lib/components/RemoteBranchPreview.svelte
+++ b/app/src/lib/components/RemoteBranchPreview.svelte
@@ -63,9 +63,15 @@
 				{/if}
 				{#await getRemoteBranchData(project.id, branch.name) then branchData}
 					{#if branchData.commits && branchData.commits.length > 0}
-						<div class="branch-preview__commits-list">
-							{#each branchData.commits as commit (commit.id)}
-								<CommitCard {commit} commitUrl={$baseBranch?.commitUrl(commit.id)} type="remote" />
+						<div>
+							{#each branchData.commits as commit, index (commit.id)}
+								<CommitCard
+									first={index == 0}
+									last={index == branchData.commits.length - 1}
+									{commit}
+									commitUrl={$baseBranch?.commitUrl(commit.id)}
+									type="remote"
+								/>
 							{/each}
 						</div>
 					{/if}