missed gauge badge

Author: ilicfilip

assets/js/web-components/prpl-badge.js

@@ -19,7 +19,10 @@ customElements.define(
 
 			badgeId = badgeId || this.getAttribute( 'badge-id' );
 			badgeName = badgeName || this.getAttribute( 'badge-name' );
-			badgeName = badgeName || `${ prplL10n( 'badge' ) }`;
+
+			if ( ! badgeName || 'null' === badgeName ) {
+				badgeName = `${ prplL10n( 'badge' ) }`;
+			}
 
 			this.innerHTML = `
 				<img

assets/js/web-components/prpl-gauge.js

@@ -104,6 +104,7 @@ const prplUpdateRaviGauge = ( pointsDiff ) => {
 		max: gaugeElement.getAttribute( 'data-max' ),
 		value: gaugeElement.getAttribute( 'data-value' ),
 		badgeId: gaugeElement.getAttribute( 'data-badge-id' ),
+		badgeName: gaugeElement.getAttribute( 'data-badge-name' ),
 	};
 
 	if ( ! gaugeProps ) {
@@ -130,7 +131,7 @@ const prplUpdateRaviGauge = ( pointsDiff ) => {
 				'var(--prpl-padding) var(--prpl-padding) calc(var(--prpl-padding) * 2) var(--prpl-padding)',
 			marginBottom: 'var(--prpl-padding)',
 		},
-		`<prpl-badge complete="true" badge-id="${ gaugeProps.badgeId }"></prpl-badge>`
+		`<prpl-badge complete="true" badge-id="${ gaugeProps.badgeId }" badge-name="${ gaugeProps.badgeName }"></prpl-badge>`
 	);
 	gauge.id = gaugeProps.id;
 	gauge.setAttribute( 'background', gaugeProps.background );

views/dashboard-widgets/score.php

@@ -21,6 +21,7 @@
 			data-max="<?php echo (int) Monthly::TARGET_POINTS; ?>"
 			data-value="<?php echo (float) \progress_planner()->get_admin__widgets__monthly_badges()->get_score()['target_score']; ?>"
 			data-badge-id="<?php echo \esc_attr( $prpl_badge->get_id() ); ?>"
+			data-badge-name="<?php echo \esc_attr( $prpl_badge->get_name() ); ?>"
 		>
 			<progress max="<?php echo (int) Monthly::TARGET_POINTS; ?>" value="<?php echo (float) \progress_planner()->get_admin__widgets__monthly_badges()->get_score()['target_score']; ?>">
 				<prpl-badge

views/page-widgets/monthly-badges.php

@@ -27,6 +27,7 @@
 		data-max="<?php echo (int) Monthly::TARGET_POINTS; ?>"
 		data-value="<?php echo (float) $prpl_widget->get_score()['target_score']; ?>"
 		data-badge-id="<?php echo \esc_attr( $prpl_badge->get_id() ); ?>"
+		data-badge-name="<?php echo \esc_attr( $prpl_badge->get_name() ); ?>"
 	>
 		<progress max="<?php echo (int) Monthly::TARGET_POINTS; ?>" value="<?php echo (float) $prpl_widget->get_score()['target_score']; ?>">
 			<prpl-badge complete="true" badge-id="<?php echo \esc_attr( $prpl_badge->get_id() ); ?>" badge-name="<?php echo \esc_attr( $prpl_badge->get_name() ); ?>"></prpl-badge>