Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 10447 | Rev 10513 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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