%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/js/components/ |
Current File : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/js/components/SignUpPrivateDownloadApp.js |
import React from "react"; import PropTypes from "prop-types"; import { withTranslation } from "react-i18next"; import { Grid, Hidden, Typography } from "@material-ui/core"; import { withStyles } from "@material-ui/core/styles"; import Button from "common/components/Button"; import styles from "common/components/styles"; import MIXPANEL_ACTIONS from "constants/mixpanel_actions"; import { trackMixpanelActions } from "utils/mixpanel"; import qrCode from "assets/images/qr-code.svg"; class SignUpPrivate extends React.Component { constructor(props) { super(props); this.state = { }; } componentDidMount() { trackMixpanelActions(MIXPANEL_ACTIONS.SIGNUP_PRIVATE_REGISTRATION_START, {}); } render() { const { t, classes, } = this.props; return ( <Grid container spacing={2} className={classes.narrowedForm}> <Grid item xs={12}> <Typography variant="h1">{t("getAppTitle") || "Get the EasyPark app!"}</Typography> <Typography component="p" variant="body1">{t("getAppDescription") || "Make parking simpler, faster and more convenient with the EasyPark app. Install it and start parking right away!"}</Typography> </Grid> <Grid item xs={12}> <Hidden mdUp> <Button fullWidth primary onClick={(() => { trackMixpanelActions(MIXPANEL_ACTIONS.SIGNUP_BUTTON_DOWNLOAD_APP, {}); window.location.href = "https://invite.easypark.net/n6RGqhZJctb"; })} > <Typography component="a" variant="body2">{t("getAppClickHere") || "Click here to get the EasyPark app!"}</Typography> </Button> </Hidden> <Hidden mdDown> <img alt="Download APP" src={qrCode} /> </Hidden> </Grid> </Grid> ); } } SignUpPrivate.propTypes = { t: PropTypes.func.isRequired, classes: PropTypes.object.isRequired, }; SignUpPrivate.defaultProps = { }; export default withTranslation()(withStyles(styles)(SignUpPrivate));