From 23bc02f180dc1ec70120d10b427908896619b7f8 Mon Sep 17 00:00:00 2001
From: apt-get <me@apt-get.xyz>
Date: Fri, 7 Feb 2025 12:35:52 +0100
Subject: [PATCH] fix table html & more rigorous formatSeconds variable use

---
 src/routes/streams/[stream_id]/Player.svelte  | 12 +++---
 .../streams/[stream_id]/StreamPage.svelte     | 38 ++++++++++---------
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/routes/streams/[stream_id]/Player.svelte b/src/routes/streams/[stream_id]/Player.svelte
index f97e04a..8b528b8 100644
--- a/src/routes/streams/[stream_id]/Player.svelte
+++ b/src/routes/streams/[stream_id]/Player.svelte
@@ -132,12 +132,12 @@
 		muted = false;
 	}
 
-	function formatSeconds(seconds) {
-		if (isNaN(seconds)) return 'No Data';
-		var sec_num = parseInt(seconds, 10);
-		var hours = Math.floor(sec_num / 3600);
-		var minutes = Math.floor(sec_num / 60) % 60;
-		var seconds = sec_num % 60;
+	function formatSeconds(totalSeconds) {
+		if (isNaN(totalSeconds)) return 'No Data';
+		totalSeconds = parseInt(totalSeconds, 10);
+		var hours = Math.floor(totalSeconds / 3600);
+		var minutes = Math.floor(totalSeconds / 60) % 60;
+		var seconds = totalSeconds % 60;
 
 		return [hours, minutes, seconds]
 			.map((v) => (v < 10 ? '0' + v : v))
diff --git a/src/routes/streams/[stream_id]/StreamPage.svelte b/src/routes/streams/[stream_id]/StreamPage.svelte
index f8138d1..ad5e24a 100644
--- a/src/routes/streams/[stream_id]/StreamPage.svelte
+++ b/src/routes/streams/[stream_id]/StreamPage.svelte
@@ -30,24 +30,26 @@
 
 <div id="table-container">
 	<table>
-		<tr><th>Timestamp</th><th>Artist</th><th>Title</th></tr>
-		{#each $currentStream.tracks as track, i}
-			<tr class:current={i == $currentSongIndex}>
-				<td class="timestamp-field"
-					><div class="timestamp-field-flex">
-						{formatTrackTime(track[0])}
-						<button
-							on:click={() => jumpToTrack(track[0])}
-							class="material-icons"
-							style="padding: 4px 6px; margin-top: -4px; margin-bottom: -4px; margin-right: -6px"
-							>fast_forward</button
-						>
-					</div>
-				</td>
-				<td class="artist-field">{track[1]}</td>
-				<td class="track-field">{track[2]}</td>
-			</tr>
-		{/each}
+		<tbody>
+			<tr><th>Timestamp</th><th>Artist</th><th>Title</th></tr>
+			{#each $currentStream.tracks as track, i}
+				<tr class:current={i == $currentSongIndex}>
+					<td class="timestamp-field"
+						><div class="timestamp-field-flex">
+							{formatTrackTime(track[0])}
+							<button
+								on:click={() => jumpToTrack(track[0])}
+								class="material-icons"
+								style="padding: 4px 6px; margin-top: -4px; margin-bottom: -4px; margin-right: -6px"
+								>fast_forward</button
+							>
+						</div>
+					</td>
+					<td class="artist-field">{track[1]}</td>
+					<td class="track-field">{track[2]}</td>
+				</tr>
+			{/each}
+		</tbody>
 	</table>
 </div>