From 7f915215f3a5ed4fa0db75b7b1bf4b5e921e4a8d Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Wed, 24 Apr 2024 16:25:56 +0100
Subject: [PATCH] Made subscription link in newsletter preview use brand color

closes https://linear.app/tryghost/issue/DES-220/email-preview-manage-subscription-link-in-sub-details-is-hardcoded-to
---
 .../settings/email/newsletters/NewsletterPreview.tsx          | 1 +
 .../settings/email/newsletters/NewsletterPreviewContent.tsx   | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreview.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreview.tsx
index a62a2dccf3..7e94bbea2c 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreview.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreview.tsx
@@ -92,6 +92,7 @@ const NewsletterPreview: React.FC<{newsletter: Newsletter}> = ({newsletter}) =>
     } : {};
 
     return <NewsletterPreviewContent
+        accentColor={siteData.accent_color}
         authorPlaceholder={currentUser.name || currentUser.email}
         backgroundColor={colors.backgroundColor || '#ffffff'}
         bodyFontCategory={newsletter.body_font_category}
diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
index 3909f86803..546af648b6 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
@@ -36,6 +36,7 @@ const NewsletterPreviewContent: React.FC<{
     backgroundColor?: string;
     borderColor?: string;
     secondaryBorderColor?: string;
+    accentColor?: string;
     textColor?: string;
     secondaryTextColor?: string;
     titleColor?: string;
@@ -66,6 +67,7 @@ const NewsletterPreviewContent: React.FC<{
     backgroundColor,
     borderColor,
     secondaryBorderColor,
+    accentColor,
     textColor,
     secondaryTextColor,
     titleColor
@@ -235,7 +237,7 @@ const NewsletterPreviewContent: React.FC<{
                                             <p style={{color: textColor}}>Email: jamie@example.com</p>
                                             <p style={{color: textColor}}>Member since: 17 July 2023</p>
                                         </div>
-                                        <span className={clsx('w-full self-end whitespace-nowrap text-right text-base font-semibold', backgroundColorIsDark ? 'text-white underline' : 'text-pink')}>
+                                        <span className={clsx('w-full self-end whitespace-nowrap text-right text-base font-semibold', backgroundColorIsDark && 'text-white underline')} style={{color: accentColor}}>
                                             Manage subscription →
                                         </span>
                                     </div>