images can include images from galleries. command to duplicate annotations

1 files changed, 8 insertions, 1 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 85badb0..ead2591 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
@@ -10,13 +10,20 @@ export const FullscreenImage = ({ element, media, transitionDuration }) => {
     color: color.textColor,
     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
+  } else {
+    url = item.settings.display.url
+  }
+
   return (
     <div
       className='fullscreen-element image'
       style={style}
     >
       <div style={{
-        backgroundImage: 'url(' + item.settings.display.url + ')',
+        backgroundImage: 'url(' + url + ')',
       }} />
     </div>
   )