34 lines
867 B
TypeScript
34 lines
867 B
TypeScript
|
import { NavLink, Outlet } from 'react-router-dom';
|
||
|
|
|
||
|
|
const links = [
|
||
|
|
{ to: '/', label: '审核队列' },
|
||
|
|
{ to: '/reports', label: '举报处理' },
|
||
|
|
{ to: '/featured', label: '精选管理' },
|
||
|
|
{ to: '/creators', label: '创作者' },
|
||
|
|
{ to: '/analytics', label: '数据看板' },
|
||
|
|
];
|
||
|
|
|
||
|
|
export function OpsLayout() {
|
||
|
|
return (
|
||
|
|
<div className="layout">
|
||
|
|
<header>
|
||
|
|
<h1>Plaza 运营后台</h1>
|
||
|
|
<p style={{ color: '#68716c' }}>内容审核、精选与数据概览</p>
|
||
|
|
</header>
|
||
|
|
<nav className="nav">
|
||
|
|
{links.map((link) => (
|
||
|
|
<NavLink
|
||
|
|
key={link.to}
|
||
|
|
to={link.to}
|
||
|
|
end={link.to === '/'}
|
||
|
|
className={({ isActive }) => (isActive ? 'active' : undefined)}
|
||
|
|
>
|
||
|
|
{link.label}
|
||
|
|
</NavLink>
|
||
|
|
))}
|
||
|
|
</nav>
|
||
|
|
<Outlet />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|