From c752c35cad5220d601d750ba7dff5f255fcdc8a3 Mon Sep 17 00:00:00 2001
From: Filip Ilic <ilic.filip@gmail.com>
Date: Fri, 20 Dec 2024 16:29:08 +0100
Subject: [PATCH 1/2] implement design changes

---
 assets/css/dashboard-widgets/score.css    |  7 ++++---
 assets/js/web-components/prpl-gauge.js    | 14 ++++++++++++--
 assets/js/widgets/suggested-tasks.js      |  7 ++++---
 classes/widgets/class-suggested-tasks.php |  9 ++++++---
 views/dashboard-widgets/score.php         | 12 ++++++------
 5 files changed, 32 insertions(+), 17 deletions(-)

diff --git a/assets/css/dashboard-widgets/score.css b/assets/css/dashboard-widgets/score.css
index 97d43f0f8..4d4cfbf5c 100644
--- a/assets/css/dashboard-widgets/score.css
+++ b/assets/css/dashboard-widgets/score.css
@@ -1,6 +1,7 @@
 #progress_planner_dashboard_widget_score {
 
 	.prpl-dashboard-widget {
+		padding-top: 5px; /* Total 16px top spacing */
 		display: grid;
 		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 		grid-gap: calc(var(--prpl-gap) / 2);
@@ -36,12 +37,12 @@
 	}
 
 	.prpl-dashboard-widget-footer {
-		margin-top: 1em;
-		padding-top: 1em;
+		margin-top: 1rem;
+		padding-top: 1rem;
 		border-top: 1px solid #c3c4c7; /* same color as the one WP-Core uses */
 		font-size: var(--prpl-font-size-base);
 		display: flex;
-		gap: 1em;
+		gap: 0.5rem;
 		align-items: center;
 	}
 }
diff --git a/assets/js/web-components/prpl-gauge.js b/assets/js/web-components/prpl-gauge.js
index 0ccc0a12e..c82dec531 100644
--- a/assets/js/web-components/prpl-gauge.js
+++ b/assets/js/web-components/prpl-gauge.js
@@ -16,6 +16,9 @@ customElements.define(
 				start: '270deg',
 				cutout: '57%',
 				contentFontSize: 'var(--prpl-font-size-6xl)',
+				contentPadding:
+					'var(--prpl-padding) var(--prpl-padding) calc(var(--prpl-padding) * 2) var(--prpl-padding)',
+				marginBottom: 'var(--prpl-padding)',
 			},
 			content = ''
 		) {
@@ -41,11 +44,18 @@ customElements.define(
 			props.cutout = this.getAttribute( 'cutout' ) || props.cutout;
 			props.contentFontSize =
 				this.getAttribute( 'contentFontSize' ) || props.contentFontSize;
+			props.contentPadding =
+				this.getAttribute( 'contentPadding' ) || props.contentPadding;
+			props.marginBottom =
+				this.getAttribute( 'marginBottom' ) || props.marginBottom;
 
 			this.innerHTML = `
-			<div style="padding: var(--prpl-padding) var(--prpl-padding) calc(var(--prpl-padding) * 2) var(--prpl-padding); background: ${
+			<div style="padding: ${ props.contentPadding };
+			background: ${
 				props.background
-			}; border-radius:var(--prpl-border-radius-big); aspect-ratio: 2 / 1; overflow: hidden; position: relative;margin-bottom: var(--prpl-padding);">
+			}; border-radius:var(--prpl-border-radius-big); aspect-ratio: 2 / 1; overflow: hidden; position: relative; margin-bottom: ${
+				props.marginBottom
+			};">
 				<div style="width: 100%; aspect-ratio: 1 / 1; border-radius: 100%; position: relative; background: radial-gradient(${
 					props.background
 				} 0 ${ props.cutout }, transparent ${
diff --git a/assets/js/widgets/suggested-tasks.js b/assets/js/widgets/suggested-tasks.js
index 98a8cc15e..2387bddf7 100644
--- a/assets/js/widgets/suggested-tasks.js
+++ b/assets/js/widgets/suggested-tasks.js
@@ -1,5 +1,4 @@
 /* global customElements, progressPlannerSuggestedTasks, confetti, prplDocumentReady, progressPlannerSuggestedTask */
-const PRPL_SUGGESTED_TASKS_MAX_ITEMS = 5;
 
 /**
  * Count the number of items in the list.
@@ -262,7 +261,8 @@ document.addEventListener( 'DOMContentLoaded', () => {
 
 	// Inject items, until we reach the maximum number of items.
 	while (
-		progressPlannerCountItems() <= PRPL_SUGGESTED_TASKS_MAX_ITEMS &&
+		progressPlannerCountItems() <
+			parseInt( progressPlannerSuggestedTasks.maxItems ) &&
 		progressPlannerGetNextItem()
 	) {
 		progressPlannerInjectNextItem();
@@ -416,7 +416,8 @@ document.addEventListener(
 	'prplMaybeInjectSuggestedTaskEvent',
 	() => {
 		while (
-			progressPlannerCountItems() <= PRPL_SUGGESTED_TASKS_MAX_ITEMS &&
+			progressPlannerCountItems() <
+				parseInt( progressPlannerSuggestedTasks.maxItems ) &&
 			progressPlannerGetNextItem()
 		) {
 			progressPlannerInjectNextItem();
diff --git a/classes/widgets/class-suggested-tasks.php b/classes/widgets/class-suggested-tasks.php
index 0ceb62d22..424a34d7d 100644
--- a/classes/widgets/class-suggested-tasks.php
+++ b/classes/widgets/class-suggested-tasks.php
@@ -89,6 +89,8 @@ public function register_scripts() {
 	public function enqueue_scripts() {
 		$handle = 'progress-planner-' . $this->id;
 
+		$current_screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
+
 		// Enqueue the script.
 		\wp_enqueue_script( $handle );
 
@@ -123,9 +125,10 @@ public function enqueue_scripts() {
 			$handle,
 			'progressPlannerSuggestedTasks',
 			[
-				'ajaxUrl' => \admin_url( 'admin-ajax.php' ),
-				'nonce'   => \wp_create_nonce( 'progress_planner' ),
-				'tasks'   => $tasks,
+				'ajaxUrl'  => \admin_url( 'admin-ajax.php' ),
+				'nonce'    => \wp_create_nonce( 'progress_planner' ),
+				'tasks'    => $tasks,
+				'maxItems' => $current_screen && 'dashboard' === $current_screen->id ? 3 : 5,
 			]
 		);
 	}
diff --git a/views/dashboard-widgets/score.php b/views/dashboard-widgets/score.php
index d7480f598..daaa60ce0 100644
--- a/views/dashboard-widgets/score.php
+++ b/views/dashboard-widgets/score.php
@@ -10,10 +10,10 @@
 ?>
 <div class="prpl-dashboard-widget">
 	<div>
-		<prpl-gauge background="#fff" color="var(--prpl-color-accent-orange)" contentFontSize="var(--prpl-font-size-4xl)">
+		<prpl-gauge background="#fff" color="var(--prpl-color-accent-orange)" contentFontSize="var(--prpl-font-size-4xl)" contentPadding="var(--prpl-padding)" marginBottom="0">
 			<progress max="<?php echo (int) Monthly::TARGET_POINTS; ?>" value="<?php echo (float) \progress_planner()->get_widgets__suggested_tasks()->get_score(); ?>">
 				<prpl-badge
-					complete="<?php echo Monthly::TARGET_POINTS === (int) \progress_planner()->get_widgets__suggested_tasks()->get_score() ? 'true' : 'false'; ?>"
+					complete="true"
 					badge-id="<?php echo esc_attr( 'monthly-' . gmdate( 'Y' ) . '-m' . (int) gmdate( 'm' ) ); ?>"
 				></prpl-badge>
 			</progress>
@@ -22,7 +22,7 @@
 	</div>
 
 	<div>
-		<prpl-gauge background="#fff" color="<?php echo esc_attr( \progress_planner()->get_widgets__activity_scores()->get_gauge_color( \progress_planner()->get_widgets__activity_scores()->get_score() ) ); ?>" contentFontSize="var(--prpl-font-size-5xl)">
+		<prpl-gauge background="#fff" color="<?php echo esc_attr( \progress_planner()->get_widgets__activity_scores()->get_gauge_color( \progress_planner()->get_widgets__activity_scores()->get_score() ) ); ?>" contentFontSize="var(--prpl-font-size-5xl)" contentPadding="var(--prpl-padding)" marginBottom="0">
 			<progress max="100" value="<?php echo (float) \progress_planner()->get_widgets__activity_scores()->get_score(); ?>">
 				<?php echo \esc_html( \progress_planner()->get_widgets__activity_scores()->get_score() ); ?>
 			</progress>
@@ -31,7 +31,7 @@
 	</div>
 </div>
 
-<hr style="margin: 1em 0">
+<hr style="margin: 1rem 0">
 
 <h3><?php \esc_html_e( 'Ravi\'s Recommendations', 'progress-planner' ); ?></h3>
 <ul style="display:none"></ul>
@@ -39,9 +39,9 @@
 
 <?php if ( \current_user_can( 'manage_options' ) ) : ?>
 	<div class="prpl-dashboard-widget-footer">
-		<img src="<?php echo \esc_attr( PROGRESS_PLANNER_URL . '/assets/images/icon_progress_planner.svg' ); ?>" style="width:1.5em;" alt="" />
+		<img src="<?php echo \esc_attr( PROGRESS_PLANNER_URL . '/assets/images/icon_progress_planner.svg' ); ?>" style="width:1.85em;" alt="" />
 		<a href="<?php echo \esc_url( \get_admin_url( null, 'admin.php?page=progress-planner' ) ); ?>">
-			<?php \esc_html_e( 'Check out all your stats and badges', 'progress-planner' ); ?>
+			<?php \esc_html_e( 'Check out all your stats and recommendations', 'progress-planner' ); ?>
 		</a>
 	</div>
 <?php endif; ?>

From 25f00ace469d1af9a7ba5a6ef710fadb89e55821 Mon Sep 17 00:00:00 2001
From: Filip Ilic <ilic.filip@gmail.com>
Date: Fri, 20 Dec 2024 16:49:46 +0100
Subject: [PATCH 2/2] Add Pro logo version

---
 assets/images/logo_progress_planner_pro.svg | 1 +
 views/admin-page-header.php                 | 8 +++++++-
 views/admin-page-settings.php               | 8 +++++++-
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 assets/images/logo_progress_planner_pro.svg

diff --git a/assets/images/logo_progress_planner_pro.svg b/assets/images/logo_progress_planner_pro.svg
new file mode 100644
index 000000000..1532dfc31
--- /dev/null
+++ b/assets/images/logo_progress_planner_pro.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1496 500"><path fill="#38296d" d="M217.41 172.9c3.21.12 5.97 1.74 7.73 4.15-1.87-10.24-10.64-18.17-21.48-18.56-12.52-.45-23.03 9.33-23.48 21.85-.45 12.52 9.33 23.03 21.85 23.48 9.4.34 17.67-5.1 21.4-13.13-1.83 1.51-4.18 2.42-6.74 2.33-5.55-.2-9.89-4.86-9.69-10.41.2-5.55 4.86-9.89 10.41-9.69ZM241.46 305.84c.58 1.92 1.13 3.86 1.73 5.77 14.04 44.97 33.94 88.75 56.42 124.27l67.75-130.04h-125.9ZM297.91 205.97c12.12-4.5 23.54-7.18 33.64-8.96-22.51-22.27-61.24-27.06-61.47-27.09 1.27 6.17.58 15.8-2.44 26.46-3.3 11.66-9.38 24.54-18.7 35.48-3.45 4.06-7.36 7.83-11.73 11.19h.07v-.01c.16.62.38 1.2.58 1.79 2.74 8.27 8.61 13.74 14.93 17.14 6.48 3.49 13.37 4.83 17.68 4.83 6.4 0 11.88-3.79 14.43-9.22.97-2.06 1.55-4.33 1.55-6.76 0-3.85-1.42-7.34-3.69-10.1-1.92-2.33-4.46-4.08-7.39-5.03l44.82-8.65c-6.63-6.12-14.72-11.59-22.73-16.23-1.97-1.14-1.69-4.05.45-4.84Z"/><path fill="#faa310" d="M281.31 458.37c-25.79-38.84-48.68-88.04-64.45-138.54-1.45-4.63-2.83-9.31-4.17-13.99-1.12-3.94-2.22-7.88-3.25-11.8-2.09-7.92-9.28-13.46-17.48-13.46h-27.95c-8.2 0-15.39 5.53-17.48 13.45-2.28 8.65-4.78 17.32-7.42 25.79-15.77 50.5-38.65 99.7-64.45 138.54-4.01 6.03-1.78 11.63-.64 13.76 2.4 4.47 6.86 7.14 11.94 7.14h66.01l3.97 6.92c4.54 7.9 12.99 12.81 22.05 12.81s17.51-4.91 22.06-12.81l3.98-6.92h66c3.22 0 6.19-1.08 8.55-3.02 1.35-1.11 2.51-2.49 3.38-4.13.57-1.07 1.42-3.02 1.61-5.46.19-2.41-.26-5.31-2.25-8.31Z"/><path fill="#38296d" d="M295.64 76.06c-7.54-12.05-32.38 1-59.54 2.86-15.04 1.03-37.05-110.63-71.77-56.99-39.56 61.1-79.12-44.68-88.66-15.83-21.11 43.27 25.15 84.61 25.15 84.61s-12.84 7.92-20.63 13.93c-5.47 4.17-10.82 8.65-16.03 13.51-20.45 19.03-36.04 40.32-46.77 63.86C6.67 205.55 1.06 229.59.57 254.15c-.49 24.56 4.01 49.1 13.54 73.63 9.52 24.53 24.17 47.42 43.95 68.68 4.02 4.32 8.12 8.41 12.31 12.3 4.1-6.31 7.97-12.74 11.64-19.26 4.39-7.8 8.5-15.72 12.25-23.78-.33-.35-.66-.69-.99-1.03-.17-.18-.34-.35-.51-.53-15.53-16.69-27.17-34.59-34.93-53.72-7.77-19.13-11.5-38.25-11.2-57.36.29-19.1 4.47-37.68 12.53-55.72 8.06-18.05 20.02-34.45 35.9-49.22 13.99-13.02 28.84-22.83 44.55-29.41 15.7-6.59 31.63-9.98 47.76-10.18 9.05-.11 19.11 1.15 29.51 4.5 10.32 4.27 19.22 9.44 26.63 15.35 10.19 8.13 17.61 17.65 22.22 28.1 1.91 4.32 3.37 8.8 4.32 13.41 16.27-28.27 36.75-75.96 25.57-93.83ZM429.63 105.22h48.46c15.59 0 27.61 2.44 37.56 9.77 9.95 7.32 16.72 19.16 16.72 34.56s-6.76 27.23-16.72 34.56c-9.95 7.33-21.97 9.95-37.56 9.95H459.5v47.14h-29.86V105.22Zm47.32 63.67c8.45 0 14.09-.94 18.41-3.94 4.32-3.01 7.14-8.64 7.14-15.02s-2.82-12.21-7.14-15.21-9.95-3.94-18.41-3.94h-17.47v38.12h17.47ZM544.94 148.04h27.98v12.4l.38.19c6.39-9.01 15.4-13.71 26.86-13.71 1.88 0 3.94.19 6.01.75v26.86c-2.25-.56-5.07-.94-7.7-.94-9.95 0-18.22 3.01-24.98 10.89v56.72h-28.55v-93.15ZM610.67 194.62c0-27.42 21.97-48.64 51.46-48.64s51.46 21.22 51.46 48.64-21.97 48.64-51.46 48.64-51.46-21.22-51.46-48.64Zm74.37 0c0-13.33-9.95-24.04-22.91-24.04s-22.91 10.71-22.91 24.04 9.95 24.04 22.91 24.04 22.91-10.71 22.91-24.04ZM764.11 260.72c16.15 0 24.79-9.01 24.79-23.1v-4.13l-.38-.19c-6.01 4.13-13.71 6.39-22.16 6.39-23.1 0-42.82-17.47-42.82-45.07s19.91-48.64 49.02-48.64c9.77 0 18.41 2.63 25.73 6.57l19.16-4.88v90.71c0 29.67-20.47 46.2-50.71 46.2-12.4 0-24.42-3-32.68-7.32v-25.17c8.83 5.26 19.91 8.64 30.05 8.64Zm9.57-44.13c6.01 0 11.27-2.07 15.21-4.51v-38.69c-3.94-1.88-9.01-3.38-14.09-3.38-14.84 0-22.35 10.89-22.35 23.66s7.89 22.91 21.22 22.91ZM838.29 148.04h27.98v12.4l.38.19c6.39-9.01 15.4-13.71 26.86-13.71 1.88 0 3.94.19 6.01.75v26.86c-2.25-.56-5.07-.94-7.7-.94-9.95 0-18.22 3.01-24.98 10.89v56.72h-28.55v-93.15ZM958.48 243.26c-30.99 0-52.59-18.78-52.59-48.45s22.16-48.83 48.27-48.83c23.29 0 44.32 14.65 44.32 46.39 0 3.19-.19 7.33-.56 9.77H935c2.82 12.77 13.33 18.59 27.04 18.59 10.52 0 21.6-3.76 31.36-9.77V235c-8.83 5.26-22.54 8.26-34.93 8.26Zm13.71-58.79c-1.5-11.46-9.2-16.72-18.41-16.72s-16.9 5.63-18.97 16.72h37.37ZM1012.19 235.18v-24.6c12.58 7.7 28.55 10.89 37.75 10.89 8.26 0 13.15-2.44 13.15-6.76s-2.82-5.63-10.52-7.32c-7.7-1.69-20.85-4.32-29.11-8.45-8.26-4.13-12.58-10.89-12.58-21.97 0-20.47 16.34-30.99 39.63-30.99 11.27 0 25.54 2.63 35.5 7.51v23.1c-12.21-6.2-26.11-8.83-34.37-8.83-7.51 0-12.21 2.07-12.21 6.57 0 4.13 3.57 5.45 10.89 7.14 7.32 1.69 20.47 3.94 28.55 8.08 8.45 4.32 12.77 11.08 12.77 22.35 0 21.79-18.22 31.36-41.32 31.36-11.83 0-27.23-2.25-38.13-8.07ZM1104.02 235.18v-24.6c12.58 7.7 28.55 10.89 37.75 10.89 8.26 0 13.15-2.44 13.15-6.76s-2.82-5.63-10.52-7.32c-7.7-1.69-20.85-4.32-29.11-8.45-8.26-4.13-12.58-10.89-12.58-21.97 0-20.47 16.34-30.99 39.63-30.99 11.27 0 25.54 2.63 35.5 7.51v23.1c-12.21-6.2-26.11-8.83-34.37-8.83-7.51 0-12.21 2.07-12.21 6.57 0 4.13 3.57 5.45 10.89 7.14 7.33 1.69 20.47 3.94 28.55 8.08 8.45 4.32 12.77 11.08 12.77 22.35 0 21.79-18.22 31.36-41.32 31.36-11.83 0-27.23-2.25-38.13-8.07ZM470.08 280.27h48.46c15.59 0 27.61 2.44 37.56 9.77 9.95 7.32 16.71 19.16 16.71 34.56s-6.76 27.23-16.71 34.56c-9.95 7.33-21.97 9.95-37.56 9.95h-18.59v47.14h-29.86V280.28Zm47.33 63.67c8.45 0 14.08-.94 18.4-3.94 4.32-3.01 7.14-8.64 7.14-15.02s-2.82-12.21-7.14-15.21-9.95-3.94-18.4-3.94h-17.47v38.12h17.47ZM586.71 284.31l28.55-11.55v143.49h-28.55V284.31ZM709.35 418.12c-9.2 0-16.53-3.01-20.85-8.45-6.2 4.7-15.4 8.64-26.67 8.64-18.78 0-32.49-10.14-32.49-28.36 0-20.09 15.02-29.11 38.31-29.11 5.07 0 10.89.37 15.96 1.31v-3.38c0-9.77-6.57-13.9-19.91-13.9-11.08 0-20.47 3-26.48 6.2v-22.91c7.14-3.94 18.59-7.14 32.3-7.14 25.92 0 42.26 10.89 42.26 34.56v32.87c0 3.94 1.88 6.76 6.95 6.76 1.88 0 3.38-.38 4.88-1.13v21.41c-3.76 1.5-8.83 2.63-14.27 2.63Zm-25.73-24.6v-14.46c-2.82-.56-7.51-1.13-11.08-1.13-8.45 0-15.4 2.63-15.4 10.14 0 6.76 5.07 9.58 12.4 9.58 5.45 0 11.08-1.69 14.09-4.13ZM734.13 323.09h28.17v7.7l.37.19c7.14-5.82 16.9-9.95 28.36-9.95 10.33 0 18.59 3.19 24.41 9.58 5.82 6.38 8.08 14.65 8.08 27.04v58.6h-28.55V361.6c0-5.45-.94-9.58-3.57-12.21-2.63-2.63-6.2-3.76-10.7-3.76-6.76 0-13.52 3-18.03 6.95v63.67h-28.55V323.1ZM845.87 323.09h28.17v7.7l.37.19c7.14-5.82 16.9-9.95 28.36-9.95 10.33 0 18.59 3.19 24.41 9.58 5.82 6.38 8.08 14.65 8.08 27.04v58.6h-28.55V361.6c0-5.45-.94-9.58-3.57-12.21-2.63-2.63-6.2-3.76-10.7-3.76-6.76 0-13.52 3-18.03 6.95v63.67h-28.55V323.1ZM1004.38 418.31c-30.99 0-52.59-18.78-52.59-48.45s22.16-48.83 48.27-48.83c23.29 0 44.32 14.65 44.32 46.39 0 3.19-.19 7.33-.56 9.77H980.9c2.82 12.77 13.33 18.59 27.04 18.59 10.52 0 21.6-3.76 31.36-9.77v24.04c-8.83 5.26-22.54 8.26-34.93 8.26Zm13.71-58.78c-1.5-11.46-9.2-16.72-18.41-16.72s-16.9 5.63-18.97 16.72h37.37ZM1062.03 323.09h27.98v12.4l.38.19c6.38-9.01 15.4-13.71 26.86-13.71 1.88 0 3.94.19 6.01.75v26.86c-2.25-.56-5.07-.94-7.7-.94-9.95 0-18.22 3.01-24.98 10.89v56.72h-28.55V323.1Z"/><path fill="#faa310" d="m1159.0569 383.2466 329.799-11.5168 2.094 59.9635-329.799 11.5168z"/><path fill="#38296d" d="M1181.28 280.13h48.5c15.6 0 27.64 2.44 37.6 9.78 9.96 7.33 16.73 19.18 16.73 34.59s-6.77 27.26-16.73 34.59c-9.96 7.33-22 9.96-37.6 9.96h-18.61v47.19h-29.89V280.12Zm47.37 63.73c8.46 0 14.1-.94 18.42-3.95 4.32-3.01 7.14-8.65 7.14-15.04s-2.82-12.22-7.14-15.23-9.96-3.95-18.42-3.95h-17.48v38.16h17.48ZM1298.59 322.99h28.01v12.41l.38.19c6.39-9.02 15.42-13.72 26.88-13.72 1.88 0 3.95.19 6.02.75v26.88c-2.26-.56-5.08-.94-7.71-.94-9.96 0-18.24 3.01-25 10.9v56.78h-28.58v-93.25ZM1366.27 369.62c0-27.45 22-48.69 51.51-48.69s51.51 21.25 51.51 48.69-22 48.69-51.51 48.69-51.51-21.24-51.51-48.69Zm74.45 0c0-13.35-9.96-24.06-22.94-24.06s-22.94 10.72-22.94 24.06 9.96 24.06 22.94 24.06 22.94-10.72 22.94-24.06Z"/></svg>
\ No newline at end of file
diff --git a/views/admin-page-header.php b/views/admin-page-header.php
index 0d0d43fb6..493fc10b0 100644
--- a/views/admin-page-header.php
+++ b/views/admin-page-header.php
@@ -19,7 +19,13 @@
 ?>
 <div class="prpl-header">
 	<div class="prpl-header-logo">
-		<?php \progress_planner()->the_asset( 'images/logo_progress_planner.svg' ); ?>
+		<?php
+		if ( \progress_planner()->is_pro_site() ) {
+			\progress_planner()->the_asset( 'images/logo_progress_planner_pro.svg' );
+		} else {
+			\progress_planner()->the_asset( 'images/logo_progress_planner.svg' );
+		}
+		?>
 	</div>
 
 	<div class="prpl-header-right">
diff --git a/views/admin-page-settings.php b/views/admin-page-settings.php
index 9a5b16a83..ebf4e299d 100644
--- a/views/admin-page-settings.php
+++ b/views/admin-page-settings.php
@@ -14,7 +14,13 @@
 <div class="wrap prpl-wrap prpl-settings-wrap">
 	<div class="prpl-header">
 		<div class="prpl-header-logo">
-			<?php \progress_planner()->the_asset( 'images/logo_progress_planner.svg' ); ?>
+			<?php
+			if ( \progress_planner()->is_pro_site() ) {
+				\progress_planner()->the_asset( 'images/logo_progress_planner_pro.svg' );
+			} else {
+				\progress_planner()->the_asset( 'images/logo_progress_planner.svg' );
+			}
+			?>
 		</div>
 	</div>
 	<h1>