Inicio » Cursos » ReactJS y Laravel Directorio de Empresas

Curso ReactJS y Laravel Directorio de Empresas

Capitulo 18 ➜ PanelAdmin

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

Descarga el código fuente del proyecto adquiriendo el curso completo

Comprar

Más cursos que pueden interesarte

Más cursos

Codea Applications

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Copyright Codea::App Cursos de Programación Online | LATAM | 2020 - 2025