1 files changed, 33 insertions, 0 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
new file mode 100644
index 0000000..14c8c53
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.citation.js
@@ -0,0 +1,33 @@
+import React, { Component } from 'react'
+
+export const MediaCitation = ({ media }) => {
+  if (media.settings.bibliography) {
+    return (
+      <div className='citation' dangerouslySetInnerHTML={{ __html: media.settings.bibliography }} />
+    )
+  }
+  return (
+    <div className='citation'>
+      {media.author}
+      {', '}
+      {media.pre_title && (
+        media.pre_title + ' '
+      )}
+      <i>{media.title}</i>
+      {media.post_title && (
+        ' ' + media.post_title
+      )}
+      {'. '}
+      {media.date && (
+        ' ' + media.date + '.'
+      )}
+      {media.medium && (
+        ' ' + media.medium + '.'
+      )}
+      {media.source && (
+        ' ' + media.source.trim()
+      )}
+    </div>
+  )
+}
+