diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player')
3 files changed, 6 insertions, 5 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 933227b..530048d 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 @@ -17,7 +17,7 @@ export const FullscreenVitrine = ({ element, media, transitionDuration }) => { style={style} > {element.settings.title && <div className='heading'>{element.settings.title}</div>} - <Vitrine media={item} /> + <Vitrine media={item} color={color} /> <MediaCitation media={item} /> </div> ) diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js index 3ac8fc6..647b545 100644 --- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js +++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js @@ -17,7 +17,7 @@ export const InlineVitrine = ({ paragraph, media, onAnnotationClick }) => { style={style} > {annotation.settings.title && <div className='heading'>{annotation.settings.title}</div>} - <Vitrine media={item} /> + <Vitrine media={item} color={color} /> </div> ) // <MediaCitation media={item} /> diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.vitrine.js b/animism-align/frontend/app/views/viewer/player/components.media/media.vitrine.js index ae0bfd7..1e5fca2 100644 --- a/animism-align/frontend/app/views/viewer/player/components.media/media.vitrine.js +++ b/animism-align/frontend/app/views/viewer/player/components.media/media.vitrine.js @@ -4,7 +4,7 @@ import { ZoomPlus } from '../../nav/viewer.icons.js' import actions from 'app/actions' -export const Vitrine = ({ media }) => { +export const Vitrine = ({ media, color }) => { const { image_order, image_lookup, thumbnail_lookup } = media.settings let width = (Math.floor(100 / image_order.length * 2)) if (image_order.length % 2) { @@ -23,6 +23,7 @@ export const Vitrine = ({ media }) => { id={id} image={thumbnail} width={displayWidth} + color={color} /> ) })} @@ -30,9 +31,9 @@ export const Vitrine = ({ media }) => { ) } -const VitrineItem = ({ media, id, image, width }) => { +const VitrineItem = ({ media, id, image, width, color }) => { return ( - <div className='vitrine-item' style={{ width }} onClick={() => actions.viewer.openVitrineModal(media, id)}> + <div className='vitrine-item' style={{ width }} onClick={() => actions.viewer.openVitrineModal(media, color, id)}> <div className='vitrine-image'> <img src={image.url} /> </div> |