color background on vitrine modal if it is set

1 files changed, 4 insertions, 3 deletions

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>