diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-08-11 19:54:10 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-08-11 19:54:10 +0200 |
| commit | ff6df706042b88608d7b3aa58a0fe32de4df3505 (patch) | |
| tree | 4b56b0d45add8b07a5f0d4cc374f49caf6e04796 /animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js | |
| parent | 6a4d95f988e7782080de3056fe60522404ea4a12 (diff) | |
stub inline vitrine
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js | 39 |
1 files changed, 39 insertions, 0 deletions
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 new file mode 100644 index 0000000..34a8633 --- /dev/null +++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js @@ -0,0 +1,39 @@ +import React from 'react' + +import { MediaCitation, Vitrine } from '../components.utility' + +export const InlineVitrine = ({ element, media, transitionDuration }) => { + const { color } = element + const item = media.lookup[element.settings.media_id] + const style = { + backgroundColor: color.backgroundColor, + color: color.textColor, + transitionDuration, + } + return ( + <div + className='media vitrine' + style={style} + > + <Vitrine media={item} /> + <MediaCitation media={item} /> + </div> + ) +} + +export const InlineGallery = ({ element, media, transitionDuration }) => { + const { color } = element + const item = media.lookup[element.settings.media_id] + const style = { + backgroundColor: color.backgroundColor, + color: color.textColor, + transitionDuration, + } + return ( + <div + className='media gallery' + style={style} + > + </div> + ) +} |
