From 43ad1f09c788f7b2911ea8f03c48bd96a36e7d95 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Sat, 24 Feb 2024 21:23:42 +0000
Subject: [PATCH] feat: widen patch display add hunk divider

widen the display of patches (diffs and commit messages)

add a divider between each code hunk
---
 src/lib/components/events/content/Patch.svelte           | 9 ++++++---
 .../repo/[repo_id]/proposal/[proposal_id]/+page.svelte   | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/events/content/Patch.svelte b/src/lib/components/events/content/Patch.svelte
index 3ec7d87..604e8f1 100644
--- a/src/lib/components/events/content/Patch.svelte
+++ b/src/lib/components/events/content/Patch.svelte
@@ -15,7 +15,7 @@
     '[untitled]'
 
   let files = parseDiff(content)
-  let expand_files = files.map((_) => false)
+  let expand_files = files.map((file) => file.deletions + file.additions < 20)
 
   function extractTagContent(name: string): string | undefined {
     let tag = tags.find((tag) => tag[0] === name)
@@ -40,7 +40,7 @@
 
 <div class="">
   <div class="flex rounded-t bg-base-300 p-1">
-    <article class="prose ml-2 flex-grow font-mono">
+    <article class="ml-2 flex-grow font-mono">
       <ParsedContent content={commit_message} />
     </article>
     <div class="flex-none p-1 align-middle text-xs text-neutral">commit</div>
@@ -88,7 +88,10 @@
       </button>
       {#if expand_files[index]}
         <div class="border-t-1 border-base-300">
-          {#each file.chunks as chunk}
+          {#each file.chunks as chunk, index}
+            {#if index !== 0}
+              <div class="h-6 bg-base-400"></div>
+            {/if}
             {#each chunk.changes as change, i}
               <div class="flex bg-base-300 font-mono text-xs">
                 <div
diff --git a/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte b/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
index c41d904..7a72908 100644
--- a/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
+++ b/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
@@ -90,7 +90,7 @@
             </p>
           </div>
         </div>
-        <div class="prose my-3">
+        <div class="my-3">
           {#if $selected_proposal_full.proposal_event && $selected_proposal_full.proposal_event.kind === patch_kind}
             <Patch
               content={$selected_proposal_full.proposal_event.content}