sova-bootstrap
48 lines
1.3 KiB
React
48 lines
1.3 KiB
React
export const EditElementForm = ({
|
|
navigateBack,
|
|
header,
|
|
handleSave,
|
|
handleDelete = null,
|
|
isAddSpecialist = false,
|
|
children
|
|
}) => (
|
|
<div className="container-fluid">
|
|
<button
|
|
className="btn btn-link mb-3"
|
|
onClick={ () => navigateBack() }
|
|
>
|
|
← Назад
|
|
</button>
|
|
<div className="card shadow mb-4">
|
|
<div className="card-header py-3 d-flex justify-content-between align-items-center">
|
|
<h6 className="m-0 font-weight-bold text-primary">
|
|
{ header }
|
|
</h6>
|
|
</div>
|
|
<div className="card-body">
|
|
{ children }
|
|
<div className="d-flex justify-content-start">
|
|
<button
|
|
className="btn btn-primary mr-2"
|
|
onClick={ handleSave }
|
|
>
|
|
Сохранить
|
|
</button>
|
|
<button
|
|
className="btn btn-secondary"
|
|
onClick={ () => navigateBack() }
|
|
>
|
|
Отмена
|
|
</button>
|
|
{!isAddSpecialist &&
|
|
<button
|
|
className="btn btn-danger ml-auto"
|
|
onClick={ handleDelete }
|
|
>
|
|
Удалить
|
|
</button>}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
); |