From ea8d34a720dc4c24c6e58aeb34d0ef2fa328eb69 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 21 Sep 2020 22:02:46 +0200
Subject: color background on vitrine modal if it is set

---
 .../app/views/viewer/player/components.media/media.vitrine.js      | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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

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