Improve next timeslot rendering. #11

src/StudioClock.svelte

@@ -236,7 +236,10 @@
 			}
 
 		}
-		return "(" + str + ")";
+
+		if (str != "")
+			str = "(" + str + ")";
+		return str;
 	}
 
 	/* Indicates if some fallback timeslot is playing */
@@ -273,6 +276,15 @@
 		return false;
 	}
 
+	/* Displays any following timeslot */
+	function displayNextTimeslot(value) {
+		let html = "";
+		if ('next_timeslot' in value) {
+			html += displayShowName(value.next_timeslot, nonexttimeslot)
+			html += " " + displayShowTimes(value.next_timeslot);
+		}
+		return html;
+	}
 
 	/* Hack to load external CSS into the Web Component */
 	function loadExternalCss(root, file) {
@@ -693,12 +705,10 @@
 					</div>
 
 				</div> 
-
-			{#if value.next_timeslot}
+			
 				<div id="next-timeslot">
-					<h3 class="timeslot-title">{@html displayShowName(value.next_timeslot, nonexttimeslot)} {displayShowTimes(value.next_timeslot)}</h3>
-				</div>		
-			{/if}				
+					<h3 class="timeslot-title">{@html displayNextTimeslot(value)}</h3>
+				</div>						
 
 		{:catch error}
 			<div class="error"><p>{error}</p></div>