fix(surveys): style the link button with black text (#1343)

PostHog · Aug 6, 2024 · 7fba90b · 7fba90b
1 parent 682e088
commit 7fba90b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/extensions/surveys/components/PostHogLogo.tsx b/src/extensions/surveys/components/PostHogLogo.tsx
@@ -1,8 +1,17 @@
 import { IconPosthogLogo } from '../icons'
+// import { getContrastingTextColor } from '../surveys-utils'
 
 export function PostHogLogo() {
+    // const textColor = getContrastingTextColor(backgroundColor)
+
     return (
-        <a href="https://posthog.com" target="_blank" rel="noopener" className="footer-branding">
+        <a
+            href="https://posthog.com"
+            target="_blank"
+            rel="noopener"
+            // style={{ backgroundColor: backgroundColor, color: textColor }}
+            className="footer-branding"
+        >
             Survey by {IconPosthogLogo}
         </a>
     )

diff --git a/src/extensions/surveys/surveys-utils.tsx b/src/extensions/surveys/surveys-utils.tsx
@@ -133,6 +133,8 @@ export const style = (appearance: SurveyAppearance | null) => {
               font-weight: 500;
               background: ${appearance?.backgroundColor || '#eeeded'};
               text-decoration: none;
+              backgroundColor: ${appearance?.backgroundColor || '#eeeded'};
+              color: ${getContrastingTextColor(appearance?.backgroundColor || '#eeeded')};
           }
           .survey-question {
               font-weight: 500;