RocketChat/Rocket.Chat

import { useTranslation, useSetting, useAtLeastOnePermission } from '@rocket.chat/ui-contexts';

import CreateDiscussion from '../../../../components/CreateDiscussion';
import type { GenericMenuItemProps } from '../../../../components/GenericMenu/GenericMenuItem';
import CreateChannelModal from '../../CreateChannelModal';
import CreateDirectMessage from '../../CreateDirectMessage';
import CreateTeamModal from '../../CreateTeamModal';
import { useCreateRoomModal } from '../../hooks/useCreateRoomModal';

const CREATE_CHANNEL_PERMISSIONS = ['create-c', 'create-p'];
const CREATE_TEAM_PERMISSIONS = ['create-team'];
const CREATE_DIRECT_PERMISSIONS = ['create-d'];
const CREATE_DISCUSSION_PERMISSIONS = ['start-discussion', 'start-discussion-other-user'];

export const useCreateRoomItems = (): GenericMenuItemProps[] => {
    const t = useTranslation();
    const discussionEnabled = useSetting('Discussion_enabled');

    const canCreateChannel = useAtLeastOnePermission(CREATE_CHANNEL_PERMISSIONS);
    const canCreateTeam = useAtLeastOnePermission(CREATE_TEAM_PERMISSIONS);
    const canCreateDirectMessages = useAtLeastOnePermission(CREATE_DIRECT_PERMISSIONS);
    const canCreateDiscussion = useAtLeastOnePermission(CREATE_DISCUSSION_PERMISSIONS);

    const createChannel = useCreateRoomModal(CreateChannelModal);
    const createTeam = useCreateRoomModal(CreateTeamModal);
    const createDiscussion = useCreateRoomModal(CreateDiscussion);
    const createDirectMessage = useCreateRoomModal(CreateDirectMessage);

    const createChannelItem: GenericMenuItemProps = {
        id: 'channel',
        content: t('Channel'),
        icon: 'hashtag',
        onClick: () => {
            createChannel();
        },
    };
    const createTeamItem: GenericMenuItemProps = {
        id: 'team',
        content: t('Team'),
        icon: 'team',
        onClick: () => {
            createTeam();
        },
    };
    const createDirectMessageItem: GenericMenuItemProps = {
        id: 'direct',
        content: t('Direct_message'),
        icon: 'balloon',
        onClick: () => {
            createDirectMessage();
        },
    };
    const createDiscussionItem: GenericMenuItemProps = {
        id: 'discussion',
        content: t('Discussion'),
        icon: 'discussion',
        onClick: () => {
            createDiscussion();
        },
    };

    return [
        ...(canCreateDirectMessages ? [createDirectMessageItem] : []),
        ...(canCreateDiscussion && discussionEnabled ? [createDiscussionItem] : []),
        ...(canCreateChannel ? [createChannelItem] : []),
        ...(canCreateTeam ? [createTeamItem] : []),
    ];
};