From 88d5c14d540c68378822aadd25857593436330f3 Mon Sep 17 00:00:00 2001
From: Roman Godmaire <godmaire@twilit.io>
Date: Sat, 25 Nov 2023 16:48:14 -0500
Subject: [PATCH] refactor: use prop spreading

---
 src/lib/components/TrackCard.svelte | 6 +++---
 src/routes/+page.svelte             | 8 +-------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/TrackCard.svelte b/src/lib/components/TrackCard.svelte
index 42b8ef4..3ff9616 100644
--- a/src/lib/components/TrackCard.svelte
+++ b/src/lib/components/TrackCard.svelte
@@ -4,7 +4,7 @@
   export let id: number;
   export let title: string;
   export let version: number;
-  export let producerUsername: string;
+  export let producer: string;
   export let comments: { author: string; content: string; createdAt: Date }[];
 </script>
 
@@ -17,7 +17,7 @@
     </h2>
 
     <h3>
-      by <a href="/user/{producerUsername}" class="secondary">{producerUsername}</a>
+      by <a href="/user/{producer}" class="secondary">{producer}</a>
     </h3>
   </hgroup>
 
@@ -29,7 +29,7 @@
     {/if}
 
     {#each comments as comment}
-      <Comment content={comment.content} author={comment.author} createdAt={comment.createdAt} />
+      <Comment {...comment} />
       <hr />
     {/each}
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 865906b..2d66a89 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -18,13 +18,7 @@
   {/if}
 
   {#each data.tracks as track}
-    <TrackCard
-      id={track.id}
-      title={track.title}
-      version={track.version}
-      producerUsername={track.producer}
-      comments={track.comments}
-    />
+    <TrackCard {...track} />
   {/each}
 {:else}
   Oh no.