From 27ea16fd14e88cb23399b32b4edca0e888e78172 Mon Sep 17 00:00:00 2001
From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com>
Date: Wed, 28 Jun 2023 15:48:10 +1000
Subject: [PATCH] Prevent empty footer on mobile

---
 .../index.js                                  | 36 ++++++++-----------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-library/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-library/index.js
index dc4dca1f1c57e5..270e0ed59afed0 100644
--- a/packages/edit-site/src/components/sidebar-navigation-screen-library/index.js
+++ b/packages/edit-site/src/components/sidebar-navigation-screen-library/index.js
@@ -48,6 +48,20 @@ export default function SidebarNavigationScreenLibrary() {
 	}, [] );
 
 	const templatePartsLink = useLink( { path: '/wp_template_part/all' } );
+	const footer = ! isMobileViewport ? (
+		<ItemGroup>
+			<SidebarNavigationItem withChevron { ...templatePartsLink }>
+				{ __( 'Manage all template parts' ) }
+			</SidebarNavigationItem>
+			<SidebarNavigationItem
+				as="a"
+				href="edit.php?post_type=wp_block"
+				withChevron
+			>
+				{ __( 'Manage all custom patterns' ) }
+			</SidebarNavigationItem>
+		</ItemGroup>
+	) : undefined;
 
 	return (
 		<SidebarNavigationScreen
@@ -57,27 +71,7 @@ export default function SidebarNavigationScreenLibrary() {
 				'Manage what patterns are available when editing your site.'
 			) }
 			actions={ <AddNewPattern /> }
-			footer={
-				<ItemGroup>
-					{ ! isMobileViewport && (
-						<>
-							<SidebarNavigationItem
-								withChevron
-								{ ...templatePartsLink }
-							>
-								{ __( 'Manage all template parts' ) }
-							</SidebarNavigationItem>
-							<SidebarNavigationItem
-								as="a"
-								href="edit.php?post_type=wp_block"
-								withChevron
-							>
-								{ __( 'Manage all custom patterns' ) }
-							</SidebarNavigationItem>
-						</>
-					) }
-				</ItemGroup>
-			}
+			footer={ footer }
 			content={
 				<>
 					{ isLoading && __( 'Loading library' ) }