Translate buttons to yoast buttons

Yoast · Sep 20, 2024 · 9d5ee06 · 9d5ee06
1 parent 91a176a
commit 9d5ee06
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/js/src/helpers/moveNotices.js b/packages/js/src/helpers/moveNotices.js
@@ -17,6 +17,18 @@ export function moveNotices() {
 	const content = allNotices.map( notice => notice.querySelector( ".notice-yoast-content" ) );
 	const buttons = allNotices.map( notice => notice.querySelector( "button.notice-dismiss" ) );
 
+	// Transform the buttons to Yoast buttons.
+	content.forEach( noticeContent => {
+		if ( noticeContent ) {
+			noticeContent.querySelectorAll( "a.button" ).forEach( button => {
+				button.classList.remove( "button" );
+				button.classList.add( "yst-button" );
+				button.classList.add( "yst-button--primary" );
+				button.classList.add( "yst-mt-4" );
+			} );
+		}
+	} );
+
 	const notices = allNotices.map( ( notice, index ) => ( {
 		notice: notice,
 		id: ids[ index ],