parent
1d45606cf3
commit
37a86e86a3
@ -0,0 +1,17 @@ |
||||
import React from "react"; |
||||
import { SideBarMenu } from "../Utils/SideBar/SideBar"; |
||||
import { Outlet, Route, Routes } from "react-router-dom"; |
||||
|
||||
|
||||
export const ClientesExternos: React.FC = () => { |
||||
return ( |
||||
<> |
||||
<div className="container-fluid m-1"> |
||||
<div className="row flex-nowrap"> |
||||
<SideBarMenu/> |
||||
<Outlet/> |
||||
</div> |
||||
</div> |
||||
</> |
||||
) |
||||
} |
@ -0,0 +1,54 @@ |
||||
import React from 'react'; |
||||
import { Card, Tab, Tabs } from 'react-bootstrap'; |
||||
|
||||
export const ReportesEmbarques: React.FC = () => { |
||||
return ( |
||||
<Card> |
||||
<Card.Body> |
||||
<Tabs |
||||
id="uncontrolled-tab-example" |
||||
className="mb-3" |
||||
> |
||||
<Tab |
||||
eventKey="EmbarquesPorImportar" |
||||
title="Embarques por importar" |
||||
id="TabEmbarquesPorImportar" |
||||
> |
||||
<Card> |
||||
<Card.Body> |
||||
Aqui van los elementos para actualizar, descargar y filtrar los registros |
||||
</Card.Body> |
||||
</Card> |
||||
<Card> |
||||
<Card.Body> |
||||
|
||||
</Card.Body> |
||||
</Card> |
||||
</Tab> |
||||
<Tab |
||||
eventKey="EmbarquesDespachados" |
||||
title="Embarques Despachados" |
||||
id="TabEmbarquesdespachados" |
||||
> |
||||
<Card> |
||||
<Card.Body> |
||||
Reporte de embarques despachados |
||||
</Card.Body> |
||||
</Card> |
||||
</Tab> |
||||
<Tab |
||||
eventKey="BuscarEmbarques" |
||||
title="Buscar Embarques" |
||||
id="TabBuscarEmbarques" |
||||
> |
||||
<Card> |
||||
<Card.Body> |
||||
Buscador de embarques |
||||
</Card.Body> |
||||
</Card> |
||||
</Tab> |
||||
</Tabs> |
||||
</Card.Body> |
||||
</Card> |
||||
) |
||||
} |
@ -0,0 +1,22 @@ |
||||
import React from "react"; |
||||
import { BsFileEarmarkText } from "react-icons/bs"; |
||||
import { Link } from "react-router-dom"; |
||||
|
||||
export const SideBarMenu: React.FC = () => { |
||||
return ( |
||||
<> |
||||
<div className="col-auto col-md-3 col-xl-2 px-sm-2 px-0" style={{backgroundColor:'#2d343c'}}> |
||||
<div className="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white"> |
||||
<ul className="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu"> |
||||
<li className="nav-item p-2 pt-4"> |
||||
<Link to="/ReporteEmbarques" className="nav-link align-middle px-0 text-white"> |
||||
<BsFileEarmarkText/> |
||||
<span className="ms-1 d-none d-sm-inline">Reporte de Embarques</span> |
||||
</Link> |
||||
</li>
|
||||
</ul> |
||||
</div> |
||||
</div>
|
||||
</>
|
||||
); |
||||
} |
Loading…
Reference in new issue