fix: In kiosk mode, rundown page gets stalled if rundown is removed w…

…hile on the page.
bbc · Sep 27, 2024 · 830d529 · 830d529
1 parent 98aea95
commit 830d529
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/meteor/client/styles/rundownView.scss b/meteor/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 {

diff --git a/meteor/client/ui/RundownView.tsx b/meteor/client/ui/RundownView.tsx
@@ -3279,9 +3279,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>
 				)