Parse disclaimer content

NDLANO · Dec 17, 2024 · d02f251 · d02f251
1 parent 8c15da5
commit d02f251
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/ndla-ui/src/Embed/UuDisclaimerEmbed.stories.tsx b/packages/ndla-ui/src/Embed/UuDisclaimerEmbed.stories.tsx
@@ -18,7 +18,7 @@ import FactBox from "../FactBox";
 
 const embedData: UuDisclaimerEmbedData = {
   resource: "uu-disclaimer",
-  disclaimer: "Dette inholdet er ikke tastaturvennlig.",
+  disclaimer: "Dette inholdet er <strong>ikke</strong> tastaturvennlig.",
 };
 
 const meta: Meta<typeof UuDisclaimerEmbed> = {

diff --git a/packages/ndla-ui/src/Embed/UuDisclaimerEmbed.tsx b/packages/ndla-ui/src/Embed/UuDisclaimerEmbed.tsx
@@ -6,11 +6,12 @@
  *
  */
 
+import parse from "html-react-parser";
 import { type ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { Portal } from "@ark-ui/react";
 import { AccessibilityFill } from "@ndla/icons";
-import { Text, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, PopoverTitle } from "@ndla/primitives";
+import { IconButton, PopoverContent, PopoverRoot, PopoverTrigger, PopoverTitle } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { UuDisclaimerMetaData } from "@ndla/types-embed";
 
@@ -57,7 +58,7 @@ const UuDisclaimerEmbed = ({ embed, children }: Props) => {
         <Portal>
           <PopoverContent>
             <PopoverTitle>{t("uuDisclaimer.title")}</PopoverTitle>
-            <Text>{embedData.disclaimer}</Text>
+            <div>{parse(embedData.disclaimer)}</div>
           </PopoverContent>
         </Portal>
       </PopoverRoot>