[DEV-1402] update banner link (#657)

* update banner link * changeset * Update apps/nextjs-website/src/editorialComponents/BannerLink/BannerLink.tsx Co-authored-by: Marco Ponchia <[email protected]> * Update apps/nextjs-website/src/editorialComponents/BannerLink/BannerLink.tsx fix lint --------- Co-authored-by: Marco Ponchia <[email protected]>
pagopa · Feb 16, 2024 · c58c050 · c58c050
1 parent e99ffd4
commit c58c050
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/little-boats-think.md b/.changeset/little-boats-think.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Fix link visualization
diff --git a/apps/nextjs-website/src/editorialComponents/BannerLink/BannerLink.tsx b/apps/nextjs-website/src/editorialComponents/BannerLink/BannerLink.tsx
@@ -19,6 +19,13 @@ export const BannerLink = (props: BannerLinkProps) => {
   const backgroundColor =
     theme === 'dark' ? palette.primary.dark : palette.primary.light;
 
+  const bodyElement =
+    typeof body === 'string' ? (
+      <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(body) }} />
+    ) : (
+      body
+    );
+
   const textColor = palette.primary.contrastText;
   return (
     <Box bgcolor={backgroundColor} component='section' sx={{ width: '100%' }}>
@@ -41,8 +48,7 @@ export const BannerLink = (props: BannerLinkProps) => {
                 },
               }}
             >
-              {/* Purify the body if it is a string or show the Element */}
-              {typeof body === 'string' ? DOMPurify.sanitize(body) : body}
+              {bodyElement}
             </Typography>
           </Stack>
         </Stack>