Files
lettersoup-online/002_source/cms/src/components/dashboard/jobs/company-tabs.tsx
louiscklaw 6c931c1fe8 build ok,
2025-04-14 09:26:24 +08:00

37 lines
1.2 KiB
TypeScript

'use client';
import * as React from 'react';
import RouterLink from 'next/link';
import { usePathname } from 'next/navigation';
import Tab from '@mui/material/Tab';
import Tabs from '@mui/material/Tabs';
import { paths } from '@/paths';
const tabs = [
{ label: 'Overview', value: 'overview', href: paths.dashboard.jobs.companies.overview('1') },
{ label: 'Reviews', value: 'reviews', href: paths.dashboard.jobs.companies.reviews('1') },
{ label: 'Activity', value: 'activity', href: paths.dashboard.jobs.companies.activity('1') },
{ label: 'Team', value: 'team', href: paths.dashboard.jobs.companies.team('1') },
{ label: 'Assets', value: 'assets', href: paths.dashboard.jobs.companies.assets('1') },
] as const;
function useSegment(): string {
const pathname = usePathname();
const segments = pathname.split('/').filter(Boolean);
return segments[4] ?? 'overview';
}
export function CompanyTabs(): React.JSX.Element {
const segment = useSegment();
return (
<Tabs sx={{ px: 3 }} value={segment} variant="scrollable">
{tabs.map((tab) => (
<Tab {...tab} component={RouterLink} key={tab.value} tabIndex={0} />
))}
</Tabs>
);
}