Scribd
Upload
14 views1 page

Admin Dashboard

This React component defines an AdminDashboard that contains navigation links to add, allocate, and view pending and completed asset requests, and routes to corresponding component pages for each link.

Uploaded by

clyvemoyia
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
14 views1 page

Admin Dashboard

This React component defines an AdminDashboard that contains navigation links to add, allocate, and view pending and completed asset requests, and routes to corresponding component pages for each link.

Uploaded by

clyvemoyia
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
You are on page 1/ 1

import React from 'react';

import { Link, Route, Routes } from 'react-router-dom';


import AddAsset from './AddAsset';
import AllocateAsset from './AllocateAsset';
import ManagerPendingRequest from './ManagerPendingRequest';
import ManagerCompleteRequest from './ManagerCompleteRequest';

function AdminDashboard() {
return (
<div>
<h1>Admin Dashboard</h1>
<nav>
<ul className="nav nav-pills">
<li className="nav-item">
<Link to="/admin/add-asset" className="nav-link">Add Asset</Link>
</li>
<li className="nav-item">
<Link to="/admin/allocate-asset" className="nav-link">Allocate Asset</Link>
</li>
<li className="nav-item">
<Link to="/admin/pending-requests" className="nav-link">View Pending Requests</Link>
</li>
<li className="nav-item">
<Link to="/admin/completed-requests" className="nav-link">View Completed Requests</Link>
</li>
</ul>
</nav>
<Routes>
<Route path="/admin/add-asset" element={<AddAsset />} />
<Route path="/admin/allocate-asset" element={<AllocateAsset />} />
<Route path="/admin/pending-requests" element={<ManagerPendingRequest />} />
<Route path="/admin/completed-requests" element={<ManagerCompleteRequest />} />
</Routes>
</div>
);
}

export default AdminDashboard;

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy