added typename and classes

pookmish · Mar 4, 2024 · 56b7a3b · 56b7a3b
1 parent 9cc245f
commit 56b7a3b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/.storybook/stories/paragraphs/MediaWithCaption.stories.tsx b/.storybook/stories/paragraphs/MediaWithCaption.stories.tsx
@@ -26,6 +26,7 @@ export const Caption: Story = {
   args: {
     paragraph: {
       id:"6fa23537-dda7-4861-930a-648445d9904c",
+      __typename: 'ParagraphStanfordMediaCaption',
       composition: {},
       langcode: {},
       created: {

diff --git a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
@@ -30,14 +30,14 @@ const MediaCaptionParagraph = ({paragraph, ...props}: Props) => {
         }
         {videoUrl && <Oembed url={videoUrl}/>}
 
-        <figcaption className="text-right">
+        <figcaption className="text-right text-16 text-cool-grey color">
           {paragraph.suMediaCaptionLink?.url &&
-            <Link href={paragraph.suMediaCaptionLink.url} className="">
+            <Link href={paragraph.suMediaCaptionLink.url} className="text-19">
               {paragraph.suMediaCaptionLink.title}
             </Link>
           }
 
-          {paragraph.suMediaCaptionCaption &&
+          {paragraph.suMediaCaptionCaption?.processed &&
             <Wysiwyg html={paragraph.suMediaCaptionCaption.processed}/>
           }
         </figcaption>