From 904b7682cd19bf64597f401c7c8850759d2d579c Mon Sep 17 00:00:00 2001
From: Rami Yushuvaev <r_a_m_i@hotmail.com>
Date: Thu, 22 Oct 2026 18:51:41 +0300
Subject: [PATCH] fix: update SnippetsTableInner to conditionally hide header
 and show upsell page

---
 .../SnippetsTable/SnippetsTable.tsx           | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/js/components/ManageMenu/SnippetsTable/SnippetsTable.tsx b/src/js/components/ManageMenu/SnippetsTable/SnippetsTable.tsx
index 08731d527..72146c3ae 100644
--- a/src/js/components/ManageMenu/SnippetsTable/SnippetsTable.tsx
+++ b/src/js/components/ManageMenu/SnippetsTable/SnippetsTable.tsx
@@ -133,6 +133,7 @@ const SnippetsTableInner = () => {
 	const { currentType } = useSnippetsFilters()
 	const { getCount } = useSnippetTypeCounts()
 	const { atStart, atEnd, scrollRef } = useHorizontalScrollOverflow()
+	const isUpsell = !!currentType && !isLicensed() && isProType(currentType)
 
 	return (
 		<>
@@ -154,24 +155,27 @@ const SnippetsTableInner = () => {
 				</nav>
 			</div>
 
-			<ScreenMetaSlot />
+			<ScreenMetaSlot hidden={isUpsell} />
 
-			<div className="snippets-page-header">
-				<h1>{sprintf(
-					// translators: %s: label of the currently selected snippet type.
-					__('Local Snippets: %s', 'code-snippets'),
-					currentType ? SNIPPET_TYPE_LABELS[currentType] : __('All Snippets', 'code-snippets')
-				)}</h1>
-				<a href={getSnippetAddNewUrl(currentType)} className="button button-primary">
-					{__('Add Snippet', 'code-snippets')}
-				</a>
-			</div>
+			{!isUpsell && (
+				<>
+					<div className="snippets-page-header">
+						<h1>{sprintf(
+							// translators: %s: label of the currently selected snippet type.
+							__('Local Snippets: %s', 'code-snippets'),
+							currentType ? SNIPPET_TYPE_LABELS[currentType] : __('All Snippets', 'code-snippets')
+						)}</h1>
+						<a href={getSnippetAddNewUrl(currentType)} className="button button-primary">
+							{__('Add Snippet', 'code-snippets')}
+						</a>
+					</div>
 
-			<hr className="wp-header-end" />
+					<hr className="wp-header-end" />
+				</>)}
 
 			<SafeModeNotice />
 
-			{currentType && !isLicensed() && isProType(currentType)
+			{isUpsell
 				? <UpsellPage />
 				: <WithFilteredSnippetsContext>
 					<SnippetsListTable snippetView={snippetView} setSnippetView={setSnippetView} />