Curso ReactJS y Laravel Directorio de Empresas
PanelAdmin()
Implementación de un panel de administración sencilla para el usuario con el rol admin
PanelAdmin()
App.jsx
<Route path="/admin" element={<LayoutAdmin/>}>
js/PanelAdmin/Sidebar.jsx
import React from 'react'
import { NavLink } from 'react-router-dom'
const Sidebar = () => {
return (
<div className="col-sm-3 pt-3 pb-3">
<div className="list-group">
<NavLink to={`/admin/user`} className={({ isActive }) => (isActive ? "list-group-item active" : "list-group-item")}>User</NavLink>
<NavLink to={`/admin/categoria`} className={({ isActive }) => (isActive ? "list-group-item active" : "list-group-item")}>Categoria</NavLink>
<NavLink to={`/admin/empresa`} className={({ isActive }) => (isActive ? "list-group-item active" : "list-group-item")}>Empresa</NavLink>
</div>
</div>
)
}
export default Sidebar
js/pageadmin/PanelAdmin.jsx
import React from 'react'
import Sidebar from './Sidebar'
const PanelAdmin = () => {
return (
<div className="container bg-light">
<div className='row justify-content-center mt-5 mb-5'>
<Sidebar/>
<div className="col-sm-9">
<h1 className='text-center'> ADMIN</h1>
</div>
</div>
</div>
)
}
export default PanelAdmin
520 visitas
« Capítulo 17 – Logout de usuarios
Capítulo 19 – UserAll mostrar usuarios »
Descarga el código fuente del proyecto adquiriendo el curso completo
Comprar© Copyright Codea::App Cursos de Programación Online | LATAM | 2020 - 2025