fullscreen images support galleries

1 files changed, 10 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js
index ead2591..a70cd1f 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js
@@ -11,8 +11,16 @@ export const FullscreenImage = ({ element, media, transitionDuration }) => {
     transitionDuration,
   }
   let url;
-  if (item.type === 'gallery' && item.settings.display_lookup[element.annotation.settings.frame_index]) {
-    url = item.settings.display_lookup[element.annotation.settings.frame_index].url
+  console.log(element, item)
+  if (item.type === 'gallery') {
+    const index = parseInt(element.settings.frame_index)
+    const frame_id = item.settings.image_order[index]
+    const frame = item.settings.display_lookup[frame_id]
+    if (!frame) {
+      console.error("Slide not found:", element.settings.frame_index)
+      return <div />
+    }
+    url = frame.url
   } else {
     url = item.settings.display.url
   }