summaryrefslogtreecommitdiff
path: root/scraper/client/common/video.component.js
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2018-12-15 21:32:51 +0100
committerJules Laplace <julescarbon@gmail.com>2018-12-15 21:32:51 +0100
commite0b0b2f976c61225a178c7715caf2656a1f6741f (patch)
tree78a0e5c861462822d212c065f0825c906209bfe9 /scraper/client/common/video.component.js
parentc5b02ffab8d388e8a2925e51736b902a48a95e71 (diff)
moving stuff
Diffstat (limited to 'scraper/client/common/video.component.js')
-rw-r--r--scraper/client/common/video.component.js47
1 files changed, 0 insertions, 47 deletions
diff --git a/scraper/client/common/video.component.js b/scraper/client/common/video.component.js
deleted file mode 100644
index e5525bf6..00000000
--- a/scraper/client/common/video.component.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, { Component } from 'react'
-import { connect } from 'react-redux'
-import { imageUrl, widths } from '../util'
-
-import { Gate } from '.'
-
-class Video extends Component {
- state = {
- playing: false,
- }
-
- render() {
- const { app, data, size } = this.props
- const { playing } = this.state
- const { sugarcube } = data.metadata
- const url = sugarcube.fp.replace('/var/www/files/', 'https://cube.syrianarchive.org/')
- const { sha256, verified } = app.mediainfo
- const { video } = app.mediainfo.metadata.mediainfo
- const keyframe = app.keyframe.metadata.keyframe.basic[0]
- return (
- <div className='video'>
- {playing
- ? <video src={url} autoPlay controls muted />
- : <div
- className='bg'
- style={{
- width: widths[size || 'sm'],
- height: widths[size || 'sm'] / video.aspect_ratio,
- backgroundImage: 'url(' + imageUrl(verified, sha256, keyframe, size) + ')',
- }}
- onClick={() => this.setState({ playing: true })}
- >
- <div className='play'></div>
- </div>
- }
- </div>
- )
- }
-}
-
-const mapStateToProps = () => ({
- tag: 'sugarcube',
-})
-
-export default connect(mapStateToProps)(props => (
- <Gate View={Video} {...props} />
-))