diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-08-19 17:22:33 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-08-19 17:22:33 +0200 |
| commit | 27d593acaf023ba15b3c81cbe72e90f754523078 (patch) | |
| tree | ee5d857fe6abe37b026d6ad16d148834427eac8b /animism-align/frontend/app/views/viewer/player/components.utility/media.grid.js | |
| parent | 609d04b1bc02a5ee57ec22cb49fc6f08b57f1deb (diff) | |
vitrine modal
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.utility/media.grid.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.utility/media.grid.js | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.grid.js b/animism-align/frontend/app/views/viewer/player/components.utility/media.grid.js deleted file mode 100644 index 93b8696..0000000 --- a/animism-align/frontend/app/views/viewer/player/components.utility/media.grid.js +++ /dev/null @@ -1,42 +0,0 @@ -import React, { Component } from 'react' - -import { CURTAIN_COLOR_LOOKUP } from 'app/constants' - -export const Grid = ({ media, annotation }) => { - const { image_order, image_lookup, display_lookup, thumbnail_lookup, caption_lookup } = media.settings - const color = CURTAIN_COLOR_LOOKUP[annotation.settings.color] || CURTAIN_COLOR_LOOKUP.white - const style = { - // backgroundColor: color.backgroundColor, - // color: color.textColor, - } - // console.log(display_lookup) - // console.log(width) - return ( - <div style={style} className='grid-container'> - {image_order.map(id => { - const image = display_lookup[id] - const caption = (caption_lookup && caption_lookup[id]) || {} - // console.log(image) - return ( - <GridItem key={id} image={image} caption={caption} /> - ) - })} - </div> - ) -} - -const GridItem = ({ image, caption }) => { - // console.log(image) - return ( - <div className='grid-item'> - <div className='grid-image'> - <img src={image.url} /> - </div> - {caption.caption && ( - <div className='grid-caption'> - {caption.caption} - </div> - )} - </div> - ) -} |
