feat(static-pages) : add privacy policy and legal notices pages

pull/73/head
Clement G 4 years ago
parent cc48e3212f
commit ee60b137d3

@ -80,5 +80,7 @@
"The parameters of the election are incorrect.": "Les paramètres de l'élection sont incorrects.",
"Support us !": "Soutenez-nous !",
"PayPal - The safer, easier way to pay online!": "PayPal - Le moyen le plus sûr et le plus simple de payer en ligne !",
"Number of votes:": "Nombre de votes :"
"Number of votes:": "Nombre de votes :",
"Privacy policy": "Politique de confidentialité",
"Legal notices": "Mentions légales"
}

@ -9,7 +9,8 @@ import UnknownView from "./components/views/UnknownView";
import UnknownElection from "./components/views/UnknownElection";
import CreateSuccess from "./components/views/CreateSuccess";
import VoteSuccess from "./components/views/VoteSuccess";
import LegalNotices from "./components/views/LegalNotices";
import PrivacyPolicy from "./components/views/PrivacyPolicy";
function Routes() {
return (
@ -23,6 +24,8 @@ function Routes() {
<Route path="/links/:slug" component={props => <CreateSuccess invitationOnly={false} {...props} />} />
<Route path="/vote-success/:slug" component={VoteSuccess} />
<Route path="/unknown-election/:slug" component={UnknownElection} />
<Route path="/legal-notices" component={LegalNotices} />
<Route path="/privacy-policy" component={PrivacyPolicy} />
<Route component={UnknownView} />
</Switch>
</main>

@ -13,7 +13,7 @@ class Footer extends Component {
const linkStyle = {whiteSpace: 'nowrap'};
const {t} = this.props;
return (
<footer className="text-center">
<footer className="text-center small">
<Link to="/" style={linkStyle}>
{t('Homepage')}
</Link>
@ -33,6 +33,14 @@ class Footer extends Component {
style={linkStyle}>
{t('Who are we?')}
</a>
<span className="m-2">-</span>
<Link to="/legal-notices" style={linkStyle}>
{t('Legal notices')}
</Link>
<span className="m-2">-</span>
<Link to="/privacy-policy" style={linkStyle}>
{t('Privacy policy')}
</Link>
<div className="mt-3">
<Paypal btnColor="btn-primary" />
</div>

@ -0,0 +1,92 @@
import React, { Component } from "react";
import { Col, Container, Row } from "reactstrap";
import logoLine from "../../logos/logo-line-white.svg";
import { Link } from "react-router-dom";
import { AppContext } from "../../AppContext";
import { withTranslation } from "react-i18next";
class LegalNotices extends Component {
static contextType = AppContext;
constructor(props) {
super(props);
this.state = {};
}
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">
<h1>{t("Legal notices")}</h1>
</Col>
</Row>
<Row className="mt-4">
<Col>
<h3 className="bold">Editeur du Site</h3>
<p>
Association MIEUX VOTER
<br />
59 Rue Saint-André des Arts, 75006 Paris
</p>
<p>
<a
href="https://mieuxvoter.fr/"
target="_blank"
rel="noopener noreferrer"
className="text-white"
>
https://mieuxvoter.fr/
</a>
</p>
<h3 className="mt-2 bold">Hébergement</h3>
<p>
Association MIEUX VOTER
<br />
59 Rue Saint-André des Arts, 75006 Paris
</p>
<p>
<a
href="https://mieuxvoter.fr/"
target="_blank"
rel="noopener noreferrer"
className="text-white"
>
https://mieuxvoter.fr/
</a>
</p>
<h3 className="mt-2 bold">Développement</h3>
<p>
Association MIEUX VOTER
<br />
59 Rue Saint-André des Arts, 75006 Paris
</p>
<p>
<a
href="https://mieuxvoter.fr/"
target="_blank"
rel="noopener noreferrer"
className="text-white"
>
https://mieuxvoter.fr/
</a>
</p>
</Col>
</Row>
<Row className="mt-4">
<Col className="text-center">
<Link to="/" className="btn btn-secondary">
{t("Go back to homepage")}
</Link>
</Col>
</Row>
</Container>
);
}
}
export default withTranslation()(LegalNotices);

@ -0,0 +1,78 @@
import React, { Component } from "react";
import { Col, Container, Row } from "reactstrap";
import logoLine from "../../logos/logo-line-white.svg";
import { Link } from "react-router-dom";
import { AppContext } from "../../AppContext";
import { withTranslation } from "react-i18next";
class PrivacyPolicy extends Component {
static contextType = AppContext;
constructor(props) {
super(props);
this.state = {};
}
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">
<h1>{t("Privacy policy")}</h1>
</Col>
</Row>
<Row className="mt-4">
<Col>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse tristique eros dictum, tempor libero quis, tincidunt
velit. Vestibulum non diam rutrum nisl consequat pulvinar.
Phasellus fermentum, massa at pulvinar eleifend, tellus nibh
dictum nulla, et gravida lectus lacus a mauris. Nunc a augue eget
risus commodo blandit.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse tristique eros dictum, tempor libero quis, tincidunt
velit. Vestibulum non diam rutrum nisl consequat pulvinar.
Phasellus fermentum, massa at pulvinar eleifend, tellus nibh
dictum nulla, et gravida lectus lacus a mauris. Nunc a augue eget
risus commodo blandit.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse tristique eros dictum, tempor libero quis, tincidunt
velit. Vestibulum non diam rutrum nisl consequat pulvinar.
Phasellus fermentum, massa at pulvinar eleifend, tellus nibh
dictum nulla, et gravida lectus lacus a mauris. Nunc a augue eget
risus commodo blandit.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse tristique eros dictum, tempor libero quis, tincidunt
velit. Vestibulum non diam rutrum nisl consequat pulvinar.
Phasellus fermentum, massa at pulvinar eleifend, tellus nibh
dictum nulla, et gravida lectus lacus a mauris. Nunc a augue eget
risus commodo blandit.
</p>
</Col>
</Row>
<Row className="mt-4">
<Col className="text-center">
<Link to="/" className="btn btn-secondary">
{t("Go back to homepage")}
</Link>
</Col>
</Row>
</Container>
);
}
}
export default withTranslation()(PrivacyPolicy);
Loading…
Cancel
Save