From adf388c968e11ba15c72d3ddc6679f940fb64076 Mon Sep 17 00:00:00 2001
From: Christiaan Scheermeijer <christiaan@videodock.com>
Date: Wed, 6 Nov 2024 14:37:21 +0100
Subject: [PATCH] fix: remove blue link color in hero description

---
 .../__snapshots__/CollapsibleText.test.tsx.snap      |  2 +-
 .../src/components/Footer/Footer.module.scss         |  8 --------
 .../Footer/__snapshots__/Footer.test.tsx.snap        | 12 ++++++------
 .../MarkdownComponent/MarkdownComponent.module.scss  | 11 +++++++++++
 .../MarkdownComponent/MarkdownComponent.tsx          |  5 ++++-
 .../__snapshots__/TruncatedText.test.tsx.snap        |  2 +-
 .../__snapshots__/VideoDetails.test.tsx.snap         |  2 +-
 7 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/packages/ui-react/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap b/packages/ui-react/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap
index 2b66f581d..1e7036f13 100644
--- a/packages/ui-react/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap
+++ b/packages/ui-react/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`<CollapsibleText> > renders and matches snapshot 1`] = `
       style="max-height: 60px;"
     >
       <span
-        class="_markdown_e219e2"
+        class="_markdown_e219e2 _inline_e219e2"
       >
         Test...
       </span>
diff --git a/packages/ui-react/src/components/Footer/Footer.module.scss b/packages/ui-react/src/components/Footer/Footer.module.scss
index dfbf2fb7f..5352fbf8d 100644
--- a/packages/ui-react/src/components/Footer/Footer.module.scss
+++ b/packages/ui-react/src/components/Footer/Footer.module.scss
@@ -7,14 +7,6 @@
   letter-spacing: 0.15px;
   text-align: center;
   text-shadow: var(--body-text-shadow);
-
-  a,
-  a:visited,
-  a:active,
-  a:hover {
-    color: currentColor;
-    text-decoration: underline;
-  }
 }
 
 .list {
diff --git a/packages/ui-react/src/components/Footer/__snapshots__/Footer.test.tsx.snap b/packages/ui-react/src/components/Footer/__snapshots__/Footer.test.tsx.snap
index 59e1a8529..fbd31478b 100644
--- a/packages/ui-react/src/components/Footer/__snapshots__/Footer.test.tsx.snap
+++ b/packages/ui-react/src/components/Footer/__snapshots__/Footer.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<Footer> > renders and matches snapshot 1`] = `
     class="_footer_33bf66 _testFixMargin_33bf66"
   >
     <div
-      class="_markdown_e219e2"
+      class="_markdown_e219e2 _inline_e219e2"
     >
       Simple
     </div>
@@ -23,12 +23,12 @@ exports[`<Footer> > renders and matches snapshot with two links 1`] = `
       class="_list_33bf66"
     >
       <li
-        class="_markdown_e219e2"
+        class="_markdown_e219e2 _inline_e219e2"
       >
         Two links
       </li>
       <li
-        class="_markdown_e219e2"
+        class="_markdown_e219e2 _inline_e219e2"
       >
         <a
           href="https://www.jwplayer.com/"
@@ -39,7 +39,7 @@ exports[`<Footer> > renders and matches snapshot with two links 1`] = `
         </a>
       </li>
       <li
-        class="_markdown_e219e2"
+        class="_markdown_e219e2 _inline_e219e2"
       >
         <a
           href="https://www.jwplayer.com/"
@@ -63,12 +63,12 @@ exports[`<Footer> > renders and matches snapshot without links 1`] = `
       class="_list_33bf66"
     >
       <li
-        class="_markdown_e219e2"
+        class="_markdown_e219e2 _inline_e219e2"
       >
         Text one
       </li>
       <li
-        class="_markdown_e219e2"
+        class="_markdown_e219e2 _inline_e219e2"
       >
         Text two
       </li>
diff --git a/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.module.scss b/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.module.scss
index a35162695..2f29d9fed 100644
--- a/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.module.scss
+++ b/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.module.scss
@@ -64,9 +64,20 @@
     text-decoration: underline;
   }
 
+  a:hover {
+    opacity: 0.8;
+  }
+
   ul,
   ol,
   p {
     margin: 1.2em 0;
   }
 }
+
+.inline {
+  a,
+  a:visited {
+    color: currentColor;
+  }
+}
diff --git a/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.tsx b/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.tsx
index 460bc53c2..bda0afa21 100644
--- a/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.tsx
+++ b/packages/ui-react/src/components/MarkdownComponent/MarkdownComponent.tsx
@@ -35,7 +35,10 @@ const MarkdownComponent: React.FC<Props> = ({ markdownString, className, tag = '
     return DOMPurify.sanitize(dirtyHTMLString, { ADD_ATTR: ['target'] });
   }, [inline, markdownString]);
 
-  return React.createElement(tag, { dangerouslySetInnerHTML: { __html: sanitizedHTMLString }, className: classNames(styles.markdown, className) });
+  return React.createElement(tag, {
+    dangerouslySetInnerHTML: { __html: sanitizedHTMLString },
+    className: classNames(styles.markdown, inline && styles.inline, className),
+  });
 };
 
 export default MarkdownComponent;
diff --git a/packages/ui-react/src/components/TruncatedText/__snapshots__/TruncatedText.test.tsx.snap b/packages/ui-react/src/components/TruncatedText/__snapshots__/TruncatedText.test.tsx.snap
index 4ad0c8753..4804b3fbe 100644
--- a/packages/ui-react/src/components/TruncatedText/__snapshots__/TruncatedText.test.tsx.snap
+++ b/packages/ui-react/src/components/TruncatedText/__snapshots__/TruncatedText.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`<TruncatedText> > renders and matches snapshot 1`] = `
     style="max-height: calc(1.5em * 8); -webkit-line-clamp: 8;"
   >
     <div
-      class="_markdown_e219e2"
+      class="_markdown_e219e2 _inline_e219e2"
     >
       Test...
     </div>
diff --git a/packages/ui-react/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap b/packages/ui-react/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap
index 0a519b707..f4c5e25ef 100644
--- a/packages/ui-react/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap
+++ b/packages/ui-react/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap
@@ -50,7 +50,7 @@ exports[`<VideoDetails> > renders and matches snapshot 1`] = `
             style="max-height: calc(1.5em * 8); -webkit-line-clamp: 8;"
           >
             <div
-              class="_markdown_e219e2"
+              class="_markdown_e219e2 _inline_e219e2"
             >
               Video description
             </div>