admin.js

import React, { useState } from 'react';
import '../css/AdminPage.css';
import { Link, Outlet } from 'react-router-dom';
function AdminPage() {
    return (

        <div className="admin-page">
            <div className="container">
                <div className="sidebar">
                    <li><Link to="/admin">Author Management</Link></li>
                    <li><Link to="/admin/member">Account Management</Link></li>
                    <li><Link to="/admin/calculate">Calculate Management</Link></li>
                    <li><Link to="/admin/publishers">Publisher Management</Link></li>
                    <li><Link to="/admin/warehouse">Warehouse</Link></li>
                    <li><Link to="/admin/fees">Fees</Link></li>
                    <li><Link to="/admin/revenue">Revenue</Link></li>
                    <li><Link to="/admin/book-shelf">Book Shelf</Link></li>
                    <li><Link to="/admin/statistics">Statistics</Link></li>
                    <li><Link to="/admin/profile">Profile</Link></li>
                </div>
                <div className="main-content">
                    <Outlet />
                </div>
            </div>
        </div>
    );
}

export default AdminPage;