section 2 carousel

1 files changed, 13 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.citation.js b/animism-align/frontend/app/views/viewer/player/components.media/media.citation.js
index 14c8c53..ea20a3b 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.citation.js
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.citation.js
@@ -1,9 +1,20 @@
 import React, { Component } from 'react'
 
 export const MediaCitation = ({ media }) => {
-  if (media.settings.bibliography) {
+  if (!media) {
     return (
-      <div className='citation' dangerouslySetInnerHTML={{ __html: media.settings.bibliography }} />
+      <div className='citation' />
+    )
+  }
+  const settings = media.settings || media
+  if (settings.bibliography) {
+    return (
+      <div className='citation' dangerouslySetInnerHTML={{ __html: settings.bibliography }} />
+    )
+  }
+  if (settings.short_caption) {
+    return (
+      <div className='citation' dangerouslySetInnerHTML={{ __html: settings.short_caption }} />
     )
   }
   return (