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.
mvfront-react/src/components/views/VoteSuccess.jsx

42 lines
1.3 KiB

4 years ago
import React, { Component } from "react";
import { Col, Container, Row } from "reactstrap";
import {withTranslation} from 'react-i18next';
import logoLine from "../../logos/logo-line-white.svg";
4 years ago
import { Link } from "react-router-dom";
import { AppContext } from "../../AppContext";
import Helloasso from "../banner/Helloasso";
class VoteSuccess extends Component {
static contextType = AppContext;
4 years ago
render() {
4 years ago
const {t} = this.props;
4 years ago
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">
4 years ago
<h2>{t("Your participation was recorded with success!")}</h2>
<p>{t("Thanks for your participation.")}</p>
<div className="mt-3">
<Helloasso width="60%" className="m-auto d-block" />
</div>
4 years ago
</Col>
</Row>
4 years ago
<Row className="mt-4">
<Col className="text-center">
<Link to="/" className="btn btn-secondary">
4 years ago
{t("Go back to homepage")}
4 years ago
</Link>
</Col>
</Row>
</Container>
);
}
}
export default withTranslation()(VoteSuccess);