| 10436 |
stevensc |
1 |
import React from 'react'
|
| 10439 |
stevensc |
2 |
import { useHistory } from 'react-router-dom'
|
| 10436 |
stevensc |
3 |
|
|
|
4 |
const FormView = () => {
|
| 10439 |
stevensc |
5 |
|
|
|
6 |
const history = useHistory()
|
|
|
7 |
|
| 10436 |
stevensc |
8 |
return (
|
| 10439 |
stevensc |
9 |
<section className="content">
|
|
|
10 |
<div className="container-fluid">
|
|
|
11 |
<div className="row">
|
|
|
12 |
<div className="col-12">
|
|
|
13 |
<div className='card'>
|
|
|
14 |
<div className="card-header">
|
|
|
15 |
<ul className="nav nav-tabs" id="myTab" role="tablist">
|
|
|
16 |
<li className="nav-item" role="presentation">
|
|
|
17 |
<button className="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
|
|
|
18 |
</li>
|
|
|
19 |
<li className="nav-item" role="presentation">
|
|
|
20 |
<button className="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
|
|
|
21 |
</li>
|
|
|
22 |
<li className="nav-item" role="presentation">
|
|
|
23 |
<button className="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
|
|
|
24 |
</li>
|
|
|
25 |
</ul>
|
|
|
26 |
</div>
|
|
|
27 |
<div className="card-body">
|
|
|
28 |
<div className="tab-content" id="myTabContent">
|
|
|
29 |
<div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>
|
|
|
30 |
<div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>
|
|
|
31 |
<div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
|
|
|
32 |
<div className="form-group">
|
|
|
33 |
<label>Nombre</label>
|
|
|
34 |
<input
|
|
|
35 |
type="text"
|
|
|
36 |
name="name"
|
|
|
37 |
className="form-control"
|
|
|
38 |
/>
|
|
|
39 |
</div>
|
|
|
40 |
</div>
|
|
|
41 |
</div>
|
|
|
42 |
<div className="form-group">
|
|
|
43 |
<button
|
|
|
44 |
type="submit"
|
|
|
45 |
className="btn btn-primary btn-form-save-close mr-2"
|
|
|
46 |
>
|
|
|
47 |
Guardar
|
|
|
48 |
</button>
|
|
|
49 |
<button
|
|
|
50 |
type="button"
|
|
|
51 |
className="btn btn-secondary btn-edit-cancel"
|
|
|
52 |
onClick={() => history.goBack()}
|
|
|
53 |
>
|
|
|
54 |
Cancelar
|
|
|
55 |
</button>
|
|
|
56 |
</div>
|
|
|
57 |
</div>
|
|
|
58 |
</div>
|
|
|
59 |
</div>
|
| 10436 |
stevensc |
60 |
</div>
|
|
|
61 |
</div>
|
| 10439 |
stevensc |
62 |
</section>
|
| 10436 |
stevensc |
63 |
)
|
|
|
64 |
}
|
|
|
65 |
export default FormView
|