From cf1f281119353ec38eae3ba93ee71bd6104ea2ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samy=20Pess=C3=A9?= <samypesse@gmail.com>
Date: Tue, 20 Feb 2024 09:14:04 +0100
Subject: [PATCH] Fix color of the title in the header when theme is custom
 (#174)

---
 src/components/Header/HeaderLogo.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/Header/HeaderLogo.tsx b/src/components/Header/HeaderLogo.tsx
index 509602a8c..62fedd361 100644
--- a/src/components/Header/HeaderLogo.tsx
+++ b/src/components/Header/HeaderLogo.tsx
@@ -10,8 +10,6 @@ interface HeaderLogoProps {
     collection: Collection | null;
     space: Space;
     customization: CustomizationSettings;
-    /** Style applied when the logo is a text one */
-    textStyle?: ClassValue;
 }
 
 /**
@@ -20,14 +18,15 @@ interface HeaderLogoProps {
 
 export function HeaderLogo(props: HeaderLogoProps) {
     const { customization } = props;
-    const isCustomizationDefault =
-        customization.header.preset === CustomizationHeaderPreset.Default;
+
     return (
         <div className={tcls('flex', 'flex-row', 'gap-3')}>
             <HeaderMobileMenu
                 className={tcls(
                     'lg:hidden',
-                    isCustomizationDefault ? ['text-dark', 'dark:text-light'] : 'text-header-link',
+                    customization.header.preset === CustomizationHeaderPreset.Default
+                        ? ['text-dark', 'dark:text-light']
+                        : 'text-header-link',
                 )}
             />
             <Link
@@ -79,7 +78,7 @@ export function HeaderLogo(props: HeaderLogoProps) {
 }
 
 function LogoFallback(props: HeaderLogoProps) {
-    const { collection, space, customization, textStyle } = props;
+    const { collection, space, customization } = props;
     const customIcon = 'icon' in customization.favicon ? customization.favicon.icon : null;
 
     return (
@@ -131,7 +130,9 @@ function LogoFallback(props: HeaderLogoProps) {
                     'lg:text-lg/tight',
                     'font-semibold',
                     'ms-3',
-                    textStyle,
+                    customization.header.preset === CustomizationHeaderPreset.Default
+                        ? ['text-dark', 'dark:text-light']
+                        : 'text-header-link',
                 )}
             >
                 {collection ? collection.title : space.title}