%PDF-
%PDF-
Mini Shell
Mini Shell
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));
Zerion Mini Shell 1.0