You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.2 KiB
40 lines
1.2 KiB
/* eslint react/prop-types: 0 */
|
|
import React, { Component } from "react";
|
|
import { Col, Container, Row } from "reactstrap";
|
|
import { withTranslation } from "react-i18next";
|
|
import logoLine from "../../logos/logo-line-white.svg";
|
|
import { Link } from "react-router-dom";
|
|
import { AppContext } from "../../AppContext";
|
|
import Paypal from "../banner/Paypal";
|
|
import Gform from "../banner/Gform";
|
|
|
|
class VoteSuccess extends Component {
|
|
static contextType = AppContext;
|
|
render() {
|
|
const { t } = this.props;
|
|
return (
|
|
<Container>
|
|
<Row>
|
|
<Link to="/" className="d-block ml-auto mr-auto mb-4">
|
|
<img src={logoLine} alt="logo" height="128" />
|
|
</Link>
|
|
</Row>
|
|
<Row className="mt-4">
|
|
<Col className="text-center offset-lg-3" lg="6">
|
|
<h2>{t("Your participation was recorded with success!")}</h2>
|
|
<p>{t("Thanks for your participation.")}</p>
|
|
<div className="mt-3">
|
|
<Gform className="btn btn-secondary"/>
|
|
</div>
|
|
<div className="mt-5">
|
|
<Paypal btnColor="btn-success" />
|
|
</div>
|
|
</Col>
|
|
</Row>
|
|
|
|
</Container>
|
|
);
|
|
}
|
|
}
|
|
export default withTranslation()(VoteSuccess);
|