Merge branch 'react-version' of https://github.com/MarcEricMartel/420-5DW-HY-TP into react-version
This commit is contained in:
commit
d20f2f3615
@ -10,6 +10,7 @@ import Inventaire from "../pages/Inventaire";
|
||||
import Login from "../pages/Login";
|
||||
import Logout from "../pages/Logout";
|
||||
import Register from "../pages/Register";
|
||||
import Formulaire from "../pages/Formulaire";
|
||||
const App = () => {
|
||||
return (
|
||||
<BrowserRouter>
|
||||
@ -25,6 +26,7 @@ const App = () => {
|
||||
<Route path="login" element={<Login/>}/>
|
||||
<Route path="logout" element={<Logout/>}/>
|
||||
<Route path="register" element={<Register/>}/>
|
||||
<Route path="formulaire" element={<Formulaire/>}/>
|
||||
</Route>
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
|
41
GrossesMitaines/grosses-mitaines-ui/src/pages/Formulaire.js
Normal file
41
GrossesMitaines/grosses-mitaines-ui/src/pages/Formulaire.js
Normal file
@ -0,0 +1,41 @@
|
||||
import { useState } from "react";
|
||||
import { Button } from "react-bootstrap";
|
||||
|
||||
const Formulaire = () => {
|
||||
|
||||
return (
|
||||
<div className="inventaire-form-container">
|
||||
<form className="form-horizontal">
|
||||
<h4 className="text-center">Nouvel utilisateur</h4>
|
||||
<div className="form-group">
|
||||
<label>Prénom: </label>
|
||||
<input type='text' className="form-control form-input"
|
||||
placeholder="Votre prénom..."/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label>Nom: </label>
|
||||
<input type='text' className="form-control form-input"
|
||||
placeholder="Votre Nom..."/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label>Numéro de téléphone: </label>
|
||||
<input type='text' className="form-control form-input"
|
||||
placeholder="Votre numéro de téléphone..."/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label>Adresse civique: </label>
|
||||
<input type='text' className="form-control form-input"
|
||||
placeholder="Votre adresse..."/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label>Adresse courriel: </label>
|
||||
<input type='text' className="form-control form-input"
|
||||
placeholder="Votre adresse courrirel..."/>
|
||||
</div>
|
||||
<Button className="btn-primary btn-ajouter-morceau" type="submit" >Confirmer</Button>
|
||||
</form>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Formulaire;
|
Loading…
Reference in New Issue
Block a user