RocketChat/Rocket.Chat

import { useTranslation, useLayout, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
import React, { memo } from 'react';
import { useSyncExternalStore } from 'use-sync-external-store/shim';

import Sidebar from '../../../components/Sidebar';
import SidebarItemsAssemblerProps from '../../../components/Sidebar/SidebarItemsAssembler';
import SettingsProvider from '../../../providers/SettingsProvider';
import { getOmnichannelSidebarItems, subscribeToOmnichannelSidebarItems } from '../sidebarItems';

const OmnichannelSidebar = () => {
    const items = useSyncExternalStore(subscribeToOmnichannelSidebarItems, getOmnichannelSidebarItems);
    const t = useTranslation();

    const { sidebar } = useLayout();

    const currentPath = useCurrentRoutePath();

    return (
        <SettingsProvider privileged>
            <Sidebar>
                <Sidebar.Header onClose={sidebar.close} title={t('Omnichannel')} />
                <Sidebar.Content>
                    <SidebarItemsAssemblerProps items={items} currentPath={currentPath} />
                </Sidebar.Content>
            </Sidebar>
        </SettingsProvider>
    );
};

export default memo(OmnichannelSidebar);