import type { IUser, IRoom } from '@rocket.chat/core-typings';
import { GenericMenu } from '@rocket.chat/ui-client';
import { useTranslation } from 'react-i18next';

import { useUserInfoActions } from '../../hooks/useUserInfoActions';

export type RoomMembersActionsProps = Pick<IUser, '_id' | 'name' | 'username' | 'freeSwitchExtension'> & {
	rid: IRoom['_id'];
	isInvited?: boolean;
	reload: () => void;
};

const RoomMembersActions = ({ username, _id, name, rid, freeSwitchExtension, isInvited, reload }: RoomMembersActionsProps) => {
	const { t } = useTranslation();

	const { menuActions: menuOptions } = useUserInfoActions({
		rid,
		user: { _id, username, name, freeSwitchExtension },
		reload,
		size: 0,
		isMember: !isInvited,
		isInvited,
	});

	if (!menuOptions) {
		return null;
	}
	return <GenericMenu detached title={t('More')} key='menu' sections={menuOptions} placement='bottom-end' />;
};

export default RoomMembersActions;