101 lines
2.9 KiB
TypeScript
101 lines
2.9 KiB
TypeScript
import { useLocation, useNavigate } from 'react-router-dom';
|
|
|
|
import { useCurrentUserTaskCount } from '@/activities/tasks/hooks/useCurrentUserDueTaskCount';
|
|
import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
|
|
import { Favorites } from '@/favorites/components/Favorites';
|
|
import { ObjectMetadataNavItems } from '@/object-metadata/components/ObjectMetadataNavItems';
|
|
import { SettingsNavbar } from '@/settings/components/SettingsNavbar';
|
|
import {
|
|
IconBell,
|
|
IconBuildingSkyscraper,
|
|
IconCheckbox,
|
|
IconSearch,
|
|
IconSettings,
|
|
IconTargetArrow,
|
|
IconUser,
|
|
} from '@/ui/display/icon/index';
|
|
import { useIsSubMenuNavbarDisplayed } from '@/ui/layout/hooks/useIsSubMenuNavbarDisplayed';
|
|
import MainNavbar from '@/ui/navigation/navbar/components/MainNavbar';
|
|
import NavItem from '@/ui/navigation/navbar/components/NavItem';
|
|
import NavTitle from '@/ui/navigation/navbar/components/NavTitle';
|
|
|
|
import { measureTotalFrameLoad } from './utils/measureTotalFrameLoad';
|
|
|
|
export const AppNavbar = () => {
|
|
const currentPath = useLocation().pathname;
|
|
const { openCommandMenu } = useCommandMenu();
|
|
|
|
const navigate = useNavigate();
|
|
|
|
const isInSubMenu = useIsSubMenuNavbarDisplayed();
|
|
const { currentUserDueTaskCount } = useCurrentUserTaskCount();
|
|
|
|
return (
|
|
<>
|
|
{!isInSubMenu ? (
|
|
<MainNavbar>
|
|
<NavItem
|
|
label="Search"
|
|
Icon={IconSearch}
|
|
onClick={() => {
|
|
openCommandMenu();
|
|
}}
|
|
keyboard={['⌘', 'K']}
|
|
/>
|
|
<NavItem
|
|
label="Notifications"
|
|
to="/inbox"
|
|
Icon={IconBell}
|
|
soon={true}
|
|
/>
|
|
<NavItem
|
|
label="Settings"
|
|
to="/settings/profile"
|
|
Icon={IconSettings}
|
|
/>
|
|
<NavItem
|
|
label="Tasks"
|
|
to="/tasks"
|
|
active={currentPath === '/tasks'}
|
|
Icon={IconCheckbox}
|
|
count={currentUserDueTaskCount}
|
|
/>
|
|
<Favorites />
|
|
<NavTitle label="Workspace" />
|
|
<NavItem
|
|
label="Companies"
|
|
to="/companies"
|
|
Icon={IconBuildingSkyscraper}
|
|
active={currentPath === '/companies'}
|
|
/>
|
|
<NavItem
|
|
label="People"
|
|
to="/people"
|
|
onClick={() => {
|
|
measureTotalFrameLoad('people');
|
|
|
|
navigate('/people');
|
|
}}
|
|
Icon={IconUser}
|
|
active={currentPath === '/people'}
|
|
/>
|
|
<NavItem
|
|
label="Opportunities"
|
|
// to="/opportunities"
|
|
onClick={() => {
|
|
measureTotalFrameLoad('opportunities');
|
|
|
|
navigate('/opportunities');
|
|
}}
|
|
Icon={IconTargetArrow}
|
|
active={currentPath === '/opportunities'}
|
|
/>
|
|
<ObjectMetadataNavItems />
|
|
</MainNavbar>
|
|
) : (
|
|
<SettingsNavbar />
|
|
)}
|
|
</>
|
|
);
|
|
};
|