apps/meteor/client/NavBarV2/NavBarPagesToolbar/NavBarItemDirectoryPage.tsx
import { NavBarItem } from '@rocket.chat/fuselage';
import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
import { useRouter, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
import type { HTMLAttributes } from 'react';
import React from 'react';
type NavBarItemDirectoryPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
const NavBarItemDirectoryPage = (props: NavBarItemDirectoryPageProps) => {
const router = useRouter();
const handleDirectory = useEffectEvent(() => {
router.navigate('/directory');
});
const currentRoute = useCurrentRoutePath();
return <NavBarItem {...props} icon='notebook-hashtag' onClick={handleDirectory} pressed={currentRoute?.includes('/directory')} />;
};
export default NavBarItemDirectoryPage;