star the shit

relievers · Oct 29, 2023 · 42bff85 · 42bff85
1 parent ee02f14
commit 42bff85
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git 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
@@ -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>