fix: In kiosk mode, rundown page gets stalled if rundown is removed while on the page.

Author: olzzon

packages/webui/src/client/styles/rundownView.scss

@@ -3375,6 +3375,21 @@ svg.icon {
 		left: 50%;
 		transform: translate(-150%, -50%);
 	}
+
+	> .rundown-view__label {
+		position: absolute;
+		top: 60%;
+		left: 1%;
+		right: 0;
+		text-align: center;
+		font-size: 3em;
+		transform: translateY(-50%);
+
+		> p {
+			margin: 20px auto;
+			max-width: 1200px;
+		}
+	}
 }
 
 .rundown-view {

packages/webui/src/client/ui/RundownView.tsx

@@ -3281,9 +3281,27 @@ const RundownViewContent = translateWithTracker<IPropsWithReady, IState, ITracke
 		}
 
 		render(): JSX.Element {
+			const { t } = this.props
 			if (!this.props.subsReady) {
 				return (
 					<div className="rundown-view rundown-view--loading">
+						<div className="rundown-view__label">
+							<p>
+								<Route
+									render={({ history }) => (
+										<button
+											className="btn btn-primary"
+											onClick={() => {
+												history.push('/rundowns')
+											}}
+										>
+											{t('Return to list')}
+										</button>
+									)}
+								/>
+							</p>
+						</div>
+
 						<Spinner />
 					</div>
 				)