Show air date with toRelativeDate, hide star when unaired and no votes, make airDate logic a bit more robust

CHANGELOG.md

@@ -5,6 +5,7 @@ These changes are awaiting release:
 ## Changed
 
 - HTTP Requests: Replace `axios` with `Fetch`.
+- Show `Airs On` date for episodes that have yet to air (thanks [@KarpachMarko]!).
 
 ## Fixed
 
@@ -1858,3 +1859,4 @@ Welcome to Watcharr :popcorn:, hope it is enjoyed and improves anyone's experien
 [@4qu4r1um]: https://github.com/4qu4r1um
 [@goestav]: https://github.com/goestav
 [@tonghuaroot]: https://github.com/tonghuaroot
+[@KarpachMarko]: https://github.com/KarpachMarko

src/lib/season/SeasonsListEpisode.svelte

@@ -11,6 +11,7 @@
 	import { store } from "@/store.svelte";
 	import { removeWatchedEpisode, updateWatchedEpisode } from "./api";
 	import { onMount } from "svelte";
+	import { toRelativeDate } from "../util/helpers";
 
 	interface Props {
 		ep: TMDBSeasonDetailsEpisode;
@@ -29,9 +30,22 @@
 
 	let isHidden: boolean = $state(!!store?.userSettings?.hideSpoilers);
 
-	const isUnaired = $derived(
+	const airDate: Date | undefined = $derived.by(() => {
-		ep.air_date && new Date(ep.air_date).getTime() > new Date().getTime(),
+		if (!ep.air_date) {
-	);
+			return;
+		}
+		const d = new Date(ep.air_date);
+		if (isNaN(d.getTime())) {
+			return;
+		}
+		return d;
+	});
+	const isUnaired: boolean = $derived.by(() => {
+		if (!airDate) {
+			return false;
+		}
+		return airDate.getTime() > new Date().getTime();
+	});
 
 	/**
 	 * Re-sets `isHidden` state.
@@ -117,18 +131,23 @@
 					>
 				{/if}
 			</span>
-			<span
+			{#if ep.vote_count <= 0 && isUnaired}
-				class="rating"
+				<!-- If no votes (and subsequently no rating) AND episode is
-				title={`TMDB Rating: ${ep.vote_average} out of 10 (based on ${ep.vote_count} votes)`}
+				 unaired, no need to show the rating star. -->
-			>
+			{:else}
-				<span>*</span>
+				<span
-				{Math.round(ep.vote_average * 10) / 10}
+					class="rating"
-			</span>
+					title={`TMDB Rating: ${ep.vote_average} out of 10 (based on ${ep.vote_count} votes)`}
+				>
+					<span>*</span>
+					{Math.round(ep.vote_average * 10) / 10}
+				</span>
+			{/if}
 		</div>
-		{#if isUnaired}
+		{#if isUnaired && airDate}
-			<span class="episode-air-date"
+			<span class="episode-air-date">
-				>Airs on {new Date(ep.air_date).toLocaleDateString()}</span
+				Airs on {toRelativeDate(airDate)}
-			>
+			</span>
 		{/if}
 		<span class="overview">{ep.overview}</span>
 	</div>