Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

import { useHistory } from 'react-router-dom'

const FormView = () => {

	const history = useHistory()

	return (

		<section className="content">

			<div className="container-fluid">

				<div className="row">

					<div className="col-12">

						<div className='card'>

							<div className="card-header">

								<ul className="nav nav-tabs" id="myTab" role="tablist">

									<li className="nav-item" role="presentation">

										<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>

									</li>

									<li className="nav-item" role="presentation">

										<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>

									</li>

									<li className="nav-item" role="presentation">

										<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>

									</li>

								</ul>

							</div>

							<div className="card-body">

								<div className="tab-content" id="myTabContent">

									<div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>

									<div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>

									<div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">

										<div className="form-group">

											<label>Nombre</label>

											<input

												type="text"

												name="name"

												className="form-control"

											/>

										</div>

									</div>

								</div>

								<div className="form-group">

									<button

										type="submit"

										className="btn btn-primary btn-form-save-close mr-2"

									>

                                        Guardar

									</button>

									<button

										type="button"

										className="btn btn-secondary btn-edit-cancel"

										onClick={() => history.goBack()}

									>

                                        Cancelar

									</button>

								</div>

							</div>

						</div>

					</div>

				</div>

			</div>

		</section>

	)

}

export default FormView