Charles BochetandGitHub
685d342170
* Migrate view field to new data model * Migrate view fields to new model
32 lines
957 B
TypeScript
32 lines
957 B
TypeScript
import { useNavigate } from 'react-router-dom';
|
|
|
|
import { IconBuildingSkyscraper } from '@/ui/display/icon';
|
|
import NavItem from '@/ui/navigation/navbar/components/NavItem';
|
|
import { capitalize } from '~/utils/string/capitalize';
|
|
|
|
import { useFindManyMetadataObjects } from '../hooks/useFindManyMetadataObjects';
|
|
|
|
export const MetadataObjectNavItems = () => {
|
|
const { metadataObjects } = useFindManyMetadataObjects();
|
|
|
|
const navigate = useNavigate();
|
|
|
|
return (
|
|
<>
|
|
{metadataObjects
|
|
.filter((metadataObject) => !!metadataObject.isActive)
|
|
.map((metadataObject) => (
|
|
<NavItem
|
|
key={metadataObject.id}
|
|
label={capitalize(metadataObject.namePlural)}
|
|
to={`/objects/${metadataObject.namePlural}`}
|
|
Icon={IconBuildingSkyscraper}
|
|
onClick={() => {
|
|
navigate(`/objects/${metadataObject.namePlural}`);
|
|
}}
|
|
/>
|
|
))}
|
|
</>
|
|
);
|
|
};
|