40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
const React = require('react')
|
|
const electron = require('electron')
|
|
|
|
const {dispatcher} = require('../lib/dispatcher')
|
|
|
|
module.exports = class UnsupportedMediaModal extends React.Component {
|
|
render () {
|
|
var state = this.props.state
|
|
var err = state.modal.error
|
|
var message = (err && err.getMessage)
|
|
? err.getMessage()
|
|
: err
|
|
var actionButton = state.modal.vlcInstalled
|
|
? (<button className='button-raised' onClick={dispatcher('vlcPlay')}>Play in VLC</button>)
|
|
: (<button className='button-raised' onClick={() => this.onInstall}>Install VLC</button>)
|
|
var vlcMessage = state.modal.vlcNotFound
|
|
? 'Couldn\'t run VLC. Please make sure it\'s installed.'
|
|
: ''
|
|
return (
|
|
<div>
|
|
<p><strong>Sorry, we can't play that file.</strong></p>
|
|
<p>{message}</p>
|
|
<p className='float-right'>
|
|
<button className='button-flat' onClick={dispatcher('backToList')}>Cancel</button>
|
|
{actionButton}
|
|
</p>
|
|
<p className='error-text'>{vlcMessage}</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
onInstall () {
|
|
electron.shell.openExternal('http://www.videolan.org/vlc/')
|
|
|
|
// TODO: dcposch send a dispatch rather than modifying state directly
|
|
var state = this.props.state
|
|
state.modal.vlcInstalled = true // Assume they'll install it successfully
|
|
}
|
|
}
|