higher res curtain bg

1 files changed, 33 insertions, 5 deletions

diff --git a/animism-align/frontend/app/utils/annotation.utils.js b/animism-align/frontend/app/utils/annotation.utils.js
index a5d3f39..5bf21b5 100644
--- a/animism-align/frontend/app/utils/annotation.utils.js
+++ b/animism-align/frontend/app/utils/annotation.utils.js
@@ -17,6 +17,7 @@ export const annotationFadeTimings = annotation => {
 }
 
 export const thumbnailURL = media => {
+  let image_id
   // console.log(media)
   switch (media.type) {
     case 'video':
@@ -35,7 +36,7 @@ export const thumbnailURL = media => {
       if (!media.settings.image_order || !media.settings.image_order.length) {
         return null
       }
-      const image_id = media.settings.image_order[0]
+      image_id = media.settings.image_order[0]
       return media.settings.thumbnail_lookup[image_id].url
 
     default:
@@ -43,10 +44,37 @@ export const thumbnailURL = media => {
   }
 }
 
-export const posterURL = data => {
-  if (!data.settings.video) return null
-  if (data.settings.poster) return data.settings.poster.url
-  return data.settings.video.thumbnail_url
+export const displayThumbnailURL = media => {
+  let image_id
+  switch (media.type) {
+    case 'video':
+      if (media.settings.poster) {
+        return media.settings.poster.url
+      }
+      return media.settings.video.thumbnail_url
+
+    case 'image':
+      return media.settings.display.url
+
+    case 'gallery':
+      if (media.settings.thumbnail) {
+        return media.settings.thumbnail.url
+      }
+      if (!media.settings.image_order || !media.settings.image_order.length) {
+        return null
+      }
+      image_id = media.settings.image_order[0]
+      return media.settings.display_lookup[image_id].url
+
+    default:
+      return null
+  }
+}
+
+export const posterURL = media => {
+  if (!media.settings.video) return null
+  if (media.settings.poster) return media.settings.poster.url
+  return media.settings.video.thumbnail_url
 }
 
 export const sectionProgress = (section, play_ts) => {