1 files changed, 13 insertions, 7 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.gallery.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.gallery.js
index 530048d..25b6bc0 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.gallery.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.gallery.js
@@ -5,7 +5,7 @@ import { MediaCitation, Vitrine, Gallery, Carousel, Grid } from '../components.m
 
 export const FullscreenVitrine = ({ element, media, transitionDuration }) => {
   const { color } = element
-  const item = media.lookup[element.settings.media_id]
+  const mediaItem = media.lookup[element.settings.media_id]
   const style = {
     backgroundColor: color.backgroundColor,
     color: color.textColor,
@@ -17,15 +17,15 @@ export const FullscreenVitrine = ({ element, media, transitionDuration }) => {
       style={style}
     >
       {element.settings.title && <div className='heading'>{element.settings.title}</div>}
-      <Vitrine media={item} color={color} />
-      <MediaCitation media={item} />
+      <Vitrine media={mediaItem} color={color} />
+      <MediaCitation media={mediaItem} />
     </div>
   )
 }
 
 export const FullscreenGallery = ({ element, media, transitionDuration }) => {
   const { color } = element
-  const item = media.lookup[element.settings.media_id]
+  const mediaItem = media.lookup[element.settings.media_id]
   const style = {
     backgroundColor: color.backgroundColor,
     color: color.textColor,
@@ -40,8 +40,8 @@ export const FullscreenGallery = ({ element, media, transitionDuration }) => {
   )
 }
 
-export const FullscreenCarousel = ({ element, media, transitionDuration }) => {
-  const item = media.lookup[element.settings.media_id]
+export const FullscreenCarousel = ({ element, media, currentSection, transitionDuration }) => {
+  const mediaItem = media.lookup[element.settings.media_id]
   const color = element.color || CURTAIN_COLOR_LOOKUP.white
   const style = {
     backgroundColor: color.backgroundColor,
@@ -54,7 +54,13 @@ export const FullscreenCarousel = ({ element, media, transitionDuration }) => {
       style={style}
     >
       {element.settings.title && <div className='heading'>{element.settings.title}</div>}
-      <Carousel element={element} media={item} withCitation withMouseWheel />
+      <Carousel
+        cues={currentSection.mediaCues[mediaItem.id]}
+        element={element}
+        media={mediaItem}
+        withCitation
+        withMouseWheel
+      />
     </div>
   )
 }