fix: add markdown compilation to testimonial text

kickstartDS · Dec 4, 2024 · bb429f2 · bb429f2
1 parent f9608e3
commit bb429f2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/testimonial/TestimonialComponent.tsx b/src/components/testimonial/TestimonialComponent.tsx
@@ -2,6 +2,8 @@ import { forwardRef, createContext, useContext, HTMLAttributes } from "react";
 import { TestimonialProps } from "./TestimonialProps";
 import { TextMedia } from "@kickstartds/base/lib/text-media";
 
+import { compiler } from "markdown-to-jsx";
+
 export type { TestimonialProps };
 
 export const TestimonialContextDefault = forwardRef<
@@ -23,7 +25,7 @@ export const TestimonialContextDefault = forwardRef<
     text={quote}
     renderText={() => (
       <>
-        "{quote}"
+        "{compiler(quote)}"
         <br />
         <br />
         <b>{name}</b>

diff --git a/src/components/testimonials/Testimonials.stories.tsx b/src/components/testimonials/Testimonials.stories.tsx
@@ -30,7 +30,7 @@ export const Simple: Story = {
   args: pack({
     testimonial: [
       {
-        quote: `Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.`,
+        quote: `Working with **Systemics** technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.`,
         image: {
           src: "img/people/author-emily.png",
           alt: "Alt Text Customer 1",