SHARE
TWEET

Untitled

marc-millo Aug 24th, 2019 111 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from "react";
  2. import "../../App.js";
  3.  
  4. export class Invites extends Component {
  5.   continue = e => {
  6.     e.preventDefault();
  7.     this.props.nextStep();
  8.   };
  9.  
  10.   render() {
  11.     const { values, handleChange } = this.props;
  12.     // ==========================================
  13.     const addEmailForm = () => {
  14.       return (
  15.         <li>
  16.           <input
  17.             class="form-input"
  18.             type="email"
  19.             placeholder="nom@exemple.com"
  20.             name="invites"
  21.             defaultValue={values.invites}
  22.             onChange={handleChange("invites")}
  23.             required
  24.           />
  25.         </li>
  26.       );
  27.     };
  28.     // ==========================================
  29.     return (
  30.       <div class="page">
  31.         <h2 class="box-title">Qui sont les eleves de cette classe ?</h2>
  32.         <p>Vous pourrez toujours en ajouter par la suite</p>
  33.         <form onSubmit={this.continue}>
  34.           <div class="content">
  35.             <input
  36.               class="form-input"
  37.               type="email"
  38.               placeholder="nom@exemple.com"
  39.               name="invites"
  40.               defaultValue={values.invites}
  41.               onChange={handleChange("invites")}
  42.               required
  43.             />
  44.             <input
  45.               class="form-input"
  46.               type="email"
  47.               placeholder="nom@exemple.com"
  48.               name="invites"
  49.               defaultValue={values.invites}
  50.               onChange={handleChange("invites")}
  51.               required
  52.             />
  53.             <input
  54.               class="form-input"
  55.               type="email"
  56.               placeholder="nom@exemple.com"
  57.               name="invites"
  58.               defaultValue={values.invites}
  59.               onChange={handleChange("invites")}
  60.               required
  61.             />
  62.             <div class="add-invite">
  63.               <a href="#">
  64.                 <img class="text-icon" src={require("../../plusIcon.png")} />
  65.                 Ajouter une autre personne
  66.               </a>
  67.             </div>
  68.           </div>
  69.  
  70.           <input
  71.             type="submit"
  72.             value="Ajouter des élèves"
  73.             class="submit-button"
  74.           />
  75.         </form>
  76.         <div class="link-invite">
  77.           <ol>{addEmailForm}</ol>
  78.           <a
  79.             href="#"
  80.             onClick={() => {
  81.               this.addEmailForm();
  82.             }}
  83.           >
  84.             <img class="text-icon" src={require("../../linkIcon.png")} />
  85.             Obtenir un lien d’invitation à partager
  86.           </a>
  87.         </div>
  88.       </div>
  89.     );
  90.   }
  91. }
  92.  
  93. export default Invites;
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top