move notice under transition

Yoast · Oct 14, 2024 · 6e7e26a · 6e7e26a
1 parent 5dd99ae
commit 6e7e26a
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/packages/js/src/dashboard/app.js b/packages/js/src/dashboard/app.js
@@ -98,24 +98,6 @@ const App = () => {
 					</SidebarNavigation.Sidebar>
 				</aside>
 				<div className="yst-grow">
-					<div>
-						{ shouldShowWebinarPromotionNotificationInDashboard( STORE_NAME ) &&
-							<WebinarPromoNotification store={ STORE_NAME } url={ webinarIntroSettingsUrl } image={ null } />
-						}
-						{ pathname !== "/first-time-configuration" && notices.length > 0 && <div className="yst-space-y-3 yoast-new-dashboard-notices"> {
-							notices.map( ( notice, index ) => (
-								<Notice
-									key={ index }
-									id={ notice.id || "yoast-dashboard-notice-" + index }
-									title={ notice.header }
-									isDismissable={ notice.isDismissable }
-								>
-									{ notice.content }
-								</Notice>
-							) )
-						}
-						</div> }
-					</div>
 					<div className="yst-space-y-6 yst-mb-8 xl:yst-mb-0">
 						<main>
 							<Transition
@@ -126,6 +108,24 @@ const App = () => {
 								enterFrom="yst-opacity-0"
 								enterTo="yst-opacity-100"
 							>
+								<div>
+									{ shouldShowWebinarPromotionNotificationInDashboard( STORE_NAME ) &&
+										<WebinarPromoNotification store={ STORE_NAME } url={ webinarIntroSettingsUrl } image={ null } />
+									}
+									{ pathname !== "/first-time-configuration" && notices.length > 0 && <div className="yst-space-y-3 yoast-new-dashboard-notices"> {
+										notices.map( ( notice, index ) => (
+											<Notice
+												key={ index }
+												id={ notice.id || "yoast-dashboard-notice-" + index }
+												title={ notice.header }
+												isDismissable={ notice.isDismissable }
+											>
+												{ notice.content }
+											</Notice>
+										) )
+									}
+									</div> }
+								</div>
 								<Routes>
 									<Route path="/" element={ <AlertCenter /> } />
 									<Route path="/first-time-configuration" element={ <FirstTimeConfiguration /> } />