You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.4 KiB
JavaScript
65 lines
2.4 KiB
JavaScript
import React, { Component } from 'react'
|
|
import FlatButton from 'material-ui/FlatButton'
|
|
import Dialog from 'material-ui/Dialog'
|
|
|
|
import FacebookIcon from './assets/facebook.svg'
|
|
import GithubIcon from './assets/github.svg'
|
|
import TwitterIcon from './assets/twitter.svg'
|
|
|
|
import classes from './RateUs.scss'
|
|
|
|
class RateUs extends Component {
|
|
constructor() {
|
|
super()
|
|
}
|
|
|
|
render() {
|
|
const { isOpen, toggle } = this.props
|
|
|
|
const goToUrl = (url) => {
|
|
window.open(url)
|
|
}
|
|
|
|
return (
|
|
<div className={classes.stampIconContainer}>
|
|
<img className={classes.stampIcon} src='./stamp-icon.png' width='48' height='48' title='Rate Us' onClick={() => toggle(true)} />
|
|
<Dialog
|
|
title="Thanks for choosing Ambar!"
|
|
open={isOpen}
|
|
actionsContainerStyle={{ textAlign: 'center' }}
|
|
onRequestClose={() => toggle(false)}
|
|
>
|
|
<div style={{ display: 'flex', flexDirection: 'row' }}>
|
|
<div style={{ display: 'flex', justifyContent: 'center', marginRight: '20px' }}>
|
|
<img style={{ maxHeight: '250px' }} src='/rate-us-owl.gif' alt='Rate Us' />
|
|
</div>
|
|
<div className={classes.rateUsText}>
|
|
<p>
|
|
Let's spread the word that Ambar is awesome! Help us make Ambar even better, give us your stars on Github.
|
|
</p>
|
|
<p>
|
|
Together we will build the best document search engine in the world!
|
|
</p>
|
|
<div style={{display: 'flex', justifyContent: 'center'}}>
|
|
<FlatButton
|
|
label="Star"
|
|
primary={true}
|
|
onTouchTap={() => goToUrl('https://github.com/RD17/ambar')}
|
|
icon={<img height={20} src={GithubIcon} />}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Dialog>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
RateUs.propTypes = {
|
|
isOpen: React.PropTypes.bool.isRequired,
|
|
toggle: React.PropTypes.func.isRequired
|
|
}
|
|
|
|
export default RateUs
|