From 673484be4043e2ff59ec811669dcb81344a71817 Mon Sep 17 00:00:00 2001
From: Ioanna Kokkini <ioannakok@hotmail.com>
Date: Thu, 11 Dec 2025 15:11:54 +0000
Subject: [PATCH] Liveblog updates in Apps shouls stay in Apps

This fixes a bug where when an App user is after page one in a liveblog and they click "Updates", they get transferred to the web version of the liveblog.

Co-authored-by: Marjan Kalanaki <marjan.kalanaki@guardian.co.uk>
---
 dotcom-rendering/src/components/Island.test.tsx     |  1 +
 .../src/components/Liveness.importable.tsx          | 13 +++++++++++--
 dotcom-rendering/src/layouts/LiveLayout.tsx         |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/dotcom-rendering/src/components/Island.test.tsx b/dotcom-rendering/src/components/Island.test.tsx
index dad418c6b11..e670fbd1752 100644
--- a/dotcom-rendering/src/components/Island.test.tsx
+++ b/dotcom-rendering/src/components/Island.test.tsx
@@ -267,6 +267,7 @@ describe('Island: server-side rendering', () => {
 					enhanceTweetsSwitch={false}
 					onFirstPage={true}
 					webURL=""
+					renderingTarget="Web"
 					mostRecentBlockId=""
 					hasPinnedPost={false}
 				/>,
diff --git a/dotcom-rendering/src/components/Liveness.importable.tsx b/dotcom-rendering/src/components/Liveness.importable.tsx
index c917f5c3af0..62970f28eb4 100644
--- a/dotcom-rendering/src/components/Liveness.importable.tsx
+++ b/dotcom-rendering/src/components/Liveness.importable.tsx
@@ -5,6 +5,7 @@ import { getEmotionCache } from '../client/islands/emotion';
 import { initHydration } from '../client/islands/initHydration';
 import { useApi } from '../lib/useApi';
 import type { LiveUpdateType } from '../types/liveBlog';
+import type { RenderingTarget } from '../types/renderingTarget';
 import { Toast } from './Toast';
 
 type Props = {
@@ -17,6 +18,7 @@ type Props = {
 	webURL: string;
 	mostRecentBlockId: string;
 	hasPinnedPost: boolean;
+	renderingTarget: RenderingTarget;
 };
 
 /**
@@ -154,6 +156,7 @@ export const Liveness = ({
 	webURL,
 	mostRecentBlockId,
 	hasPinnedPost,
+	renderingTarget,
 }: Props) => {
 	const [showToast, setShowToast] = useState(false);
 	const [topOfBlogVisible, setTopOfBlogVisible] = useState<boolean>();
@@ -309,9 +312,15 @@ export const Liveness = ({
 			revealPendingBlocks();
 			setNumHiddenBlocks(0);
 		} else {
-			window.location.href = `${webURL}#${placeToScrollTo}`;
+			const url = new URL(webURL);
+			if (renderingTarget === 'Apps') {
+				url.searchParams.set('dcr', 'apps');
+			}
+			url.hash = placeToScrollTo;
+
+			window.location.href = url.href;
 		}
-	}, [hasPinnedPost, onFirstPage, webURL]);
+	}, [hasPinnedPost, onFirstPage, webURL, renderingTarget]);
 
 	if (toastRoot && showToast) {
 		/**
diff --git a/dotcom-rendering/src/layouts/LiveLayout.tsx b/dotcom-rendering/src/layouts/LiveLayout.tsx
index 134070c2db0..d751b02c4c8 100644
--- a/dotcom-rendering/src/layouts/LiveLayout.tsx
+++ b/dotcom-rendering/src/layouts/LiveLayout.tsx
@@ -614,6 +614,7 @@ export const LiveLayout = (props: WebProps | AppsProps) => {
 									}
 									onFirstPage={pagination.currentPage === 1}
 									webURL={article.webURL}
+									renderingTarget={renderingTarget}
 									// We default to string here because the property is optional but we
 									// know it will exist for all blogs
 									mostRecentBlockId={