Rocket.Chat/client/sidebar/header/actions/CreateRoom.js

import React from 'react';
import { Sidebar } from '@rocket.chat/fuselage';

import { createTemplateForComponent } from '../../../reactAdapters';
import { popover } from '../../../../app/ui-utils';
import { useAtLeastOnePermission } from '../../../contexts/AuthorizationContext';

const CREATE_ROOM_PERMISSIONS = ['create-c', 'create-p', 'create-d', 'start-discussion', 'start-discussion-other-user'];

const CreateRoomList = createTemplateForComponent('CreateRoomList', () => import('./CreateRoomList'));

const config = (e) => ({
	template: CreateRoomList,
	data: {
		options: [],
	},
	currentTarget: e.currentTarget,
	offsetVertical: e.currentTarget.clientHeight + 10,
});

const CreateRoom = (props) => {
	const showCreate = useAtLeastOnePermission(CREATE_ROOM_PERMISSIONS);
	const onClick = (e) => { popover.open(config(e)); };

	return showCreate ? <Sidebar.TopBar.Action {...props} icon='edit-rounded' onClick={onClick}/> : null;
};

export default CreateRoom;