diff --git a/src/Routes.js b/src/Routes.js index 57c6d9a..a0c50ce 100644 --- a/src/Routes.js +++ b/src/Routes.js @@ -7,12 +7,14 @@ import Vote from "./components/views/Vote"; import Result from "./components/views/Result"; import UnknownView from "./components/views/UnknownView"; import UnknownElection from "./components/views/UnknownElection"; +import CreateSuccess from "./components/views/CreateSuccess"; function Routes() { return (
+ diff --git a/src/components/views/CreateSuccess.js b/src/components/views/CreateSuccess.js new file mode 100644 index 0000000..f8c82e7 --- /dev/null +++ b/src/components/views/CreateSuccess.js @@ -0,0 +1,69 @@ +import React, {Component} from "react"; +import {Button, Col, Container, Row} from "reactstrap"; +import logoLine from "../../logos/logo-line-white.svg"; +import {Link} from 'react-router-dom'; +import { faCopy, faUsers } from '@fortawesome/free-solid-svg-icons'; +import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; + + +class UnknownView extends Component { + + constructor(props) { + super(props); + this.state = { + urlOfVote:"http://localhost", + }; + this.urlField = React.createRef(); + } + + handleClickOnUrl=(event)=>{ + event.target.focus(); + event.target.select(); + }; + + handleClickOnCopy=(event)=>{ + const input = this.urlField.current; + input.focus(); + input.select(); + document.execCommand("copy"); + + }; + + render(){ + return( + + + logo + + +

Vote créé avec succès !

+

Vous pouvez maintenant partager le lien du vote aux participants :

+ + +
+ + +
+ +
+ +
+ Pensez a enregistrer ce lien dans les favoris de votre + navigateur ! + + +
+ + + + Participer maintenant ! + + +
+ ) + } +} +export default UnknownView;