Skip to content

Commit

Permalink
fix: casing
Browse files Browse the repository at this point in the history
  • Loading branch information
juliajforesti committed May 10, 2024
1 parent f9b3915 commit d644b89
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 1 deletion.
60 changes: 60 additions & 0 deletions apps/meteor/client/navbar/NavBar.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
import { NavBar as NavBarComponent, NavBarSection, NavBarGroup, NavBarDivider } from '@rocket.chat/fuselage';
import { usePermission, useTranslation, useUser } from '@rocket.chat/ui-contexts';
import React from 'react';

import { useIsCallEnabled, useIsCallReady } from '../contexts/CallContext';
import { useOmnichannelShowQueueLink } from '../hooks/omnichannel/useOmnichannelShowQueueLink';
import UserMenu from '../sidebar/header/UserMenu';
import {
NavBarItemOmniChannelCallDialPad,
NavBarItemOmnichannelContact,
NavBarItemOmnichannelLivechatToggle,
NavBarItemOmnichannelQueue,
NavBarItemOmnichannelCallToggle,
} from './Omnichannel';
import NavBarAdministrationMenu from './actions/Administration';
import NavBarAuditMenu from './actions/Audit.tsx';
import { NavBarPageDirectory, NavBarPageHome, NavBarPageMarketPlace } from './pages';

export const NavBar = () => {
const t = useTranslation();
const user = useUser();

const showOmnichannel = usePermission('view-livechat-manager');
const hasManageAppsPermission = usePermission('manage-apps');
const hasAccessMarketplacePermission = usePermission('access-marketplace');
const showMarketplace = hasAccessMarketplacePermission || hasManageAppsPermission;

const showOmnichannelQueueLink = useOmnichannelShowQueueLink();
const isCallEnabled = useIsCallEnabled();
const isCallReady = useIsCallReady();

return (
<NavBarComponent>
<NavBarSection>
<NavBarGroup role='toolbar'>
<NavBarPageHome title={t('Home')} />
<NavBarPageDirectory title={t('Directory')} />
{showMarketplace && <NavBarPageMarketPlace title={t('Marketplace')} />}
<NavBarAuditMenu />
</NavBarGroup>
<NavBarDivider />
{showOmnichannel && (
<NavBarGroup role='toolbar'>
{showOmnichannelQueueLink && <NavBarItemOmnichannelQueue title={t('Queue')} />}
{isCallReady && <NavBarItemOmniChannelCallDialPad />}
<NavBarItemOmnichannelContact title={t('Contacts')} />
{isCallEnabled && <NavBarItemOmnichannelCallToggle />}
<NavBarItemOmnichannelLivechatToggle />
</NavBarGroup>
)}
</NavBarSection>
<NavBarSection>
<NavBarGroup>
<NavBarAdministrationMenu />
{user && <UserMenu user={user} />}
</NavBarGroup>
</NavBarSection>
</NavBarComponent>
);
};
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { useThemeMode } from '@rocket.chat/ui-theming/src/hooks/useThemeMode';
import type { ReactElement, ReactNode } from 'react';
import React, { useEffect, useRef } from 'react';

import { NavBar } from '../../../NavBar';
import { NavBar } from '../../../navbar';
import Sidebar from '../../../sidebar';
import AccessibilityShortcut from './AccessibilityShortcut';

Expand Down

0 comments on commit d644b89

Please sign in to comment.