Editor: Only render the site logo once if there's a fill (#62320)

WordPress · Jun 5, 2024 · 37fa2b5 · 37fa2b5
1 parent 5a10380
commit 37fa2b5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/packages/edit-post/src/components/back-button/index.js b/packages/edit-post/src/components/back-button/index.js
@@ -21,12 +21,19 @@ const slideX = {
 function BackButton( { initialPost } ) {
 	return (
 		<BackButtonFill>
-			<motion.div
-				variants={ slideX }
-				transition={ { type: 'tween', delay: 0.8 } }
-			>
-				<FullscreenModeClose showTooltip initialPost={ initialPost } />
-			</motion.div>
+			{ ( { length } ) =>
+				length <= 1 && (
+					<motion.div
+						variants={ slideX }
+						transition={ { type: 'tween', delay: 0.8 } }
+					>
+						<FullscreenModeClose
+							showTooltip
+							initialPost={ initialPost }
+						/>
+					</motion.div>
+				)
+			}
 		</BackButtonFill>
 	);
 }

diff --git a/packages/editor/src/components/header/back-button.js b/packages/editor/src/components/header/back-button.js
@@ -20,7 +20,12 @@ const BackButtonSlot = ( { children } ) => {
 		return children;
 	}
 
-	return <Slot bubblesVirtually />;
+	return (
+		<Slot
+			bubblesVirtually
+			fillProps={ { length: ! fills ? 0 : fills.length } }
+		/>
+	);
 };
 BackButton.Slot = BackButtonSlot;