From 65eb8ea7317c84820b8406332f40eaa86710549e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 18 Nov 2020 18:21:10 +0100
Subject: speaker icons in gallery

---
 .../components.fullscreen/fullscreen.gallery.js      | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.fullscreen')

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>
   )
 }
-- 
cgit v1.2.3-70-g09d2