From 42bff85561a6d736659e1d606b032ae8ae5c0129 Mon Sep 17 00:00:00 2001
From: mtte <code@mtte.me>
Date: Sun, 29 Oct 2023 14:55:13 +0100
Subject: [PATCH] star the shit

---
 frontend/src/lib/ImageScroller.svelte |  5 +++--
 frontend/src/lib/Relive.svelte        | 12 +++++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/ImageScroller.svelte b/frontend/src/lib/ImageScroller.svelte
index 5ef73d4..7e6830f 100644
--- a/frontend/src/lib/ImageScroller.svelte
+++ b/frontend/src/lib/ImageScroller.svelte
@@ -32,8 +32,9 @@
 		{#each events as event}
 			<button on:click={() => selectEvent(event)} class="flex-shrink-0">
 				<img
-					class="thumbnail bg-gray-500 image-card rounded-md object-cover border-white
-                    {event === selectedEvent ? 'border' : ''}"
+					class="thumbnail bg-gray-500 image-card rounded-md object-cover
+                    {event === selectedEvent || event.starred ? 'border' : ''}"
+					style="border-color: {event === selectedEvent ? 'white' : event.starred ? '#FFCD29' : ''}"
 					alt="Thumbnail"
 					src={event.url}
 				/>
diff --git a/frontend/src/lib/Relive.svelte b/frontend/src/lib/Relive.svelte
index 48d0bbf..cb3d0d4 100644
--- a/frontend/src/lib/Relive.svelte
+++ b/frontend/src/lib/Relive.svelte
@@ -32,7 +32,13 @@
 
 	const showComments = () => {
 		showingComments = true;
-	}
+	};
+
+	const starEvent = () => {
+		selectedEvent.starred = !selectedEvent.starred;
+	};
+
+
 </script>
 
 <section class="h-full flex flex-col relative">
@@ -58,8 +64,8 @@
 		<!-- <img src="logoWithText.png" alt="Test" /> -->
 		<!-- Button Bar -->
 		<div class="absolute bottom-10 right-1/3 left-1/3 flex justify-center">
-			<button class="flex items-center px-7 py-3 text-white rounded-l-full" style="background-color:#5C3D95">
-				<i class="fa fa-star text-2xl mr-2"></i>
+			<button on:click={starEvent} class="flex items-center px-7 py-3 text-white rounded-l-full" style="background-color:#5C3D95">
+				<i class="fa fa-star text-2xl mr-2" style="color: {selectedEvent.starred ? '#FFCD29' : 'white'}"></i>
 			</button>
 			<button on:click={showComments} class="flex items-center px-7 py-3 text-white rounded-r-full" style="background-color:#5C3D95">
 				<i class="fa fa-comment text-2xl mr-2"></i>