RocketChat/Rocket.Chat

import { useSetting, usePermission } from '@rocket.chat/ui-contexts';
import { lazy, useMemo } from 'react';

import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';

const AutoTranslate = lazy(() => import('../../views/room/contextualBar/AutoTranslate'));

export const useAutotranslateRoomAction = () => {
    const permitted = usePermission('auto-translate');
    const enabled = useSetting('AutoTranslate_Enabled', false);

    return useMemo((): RoomToolboxActionConfig | undefined => {
        if (!permitted || !enabled) {
            return undefined;
        }

        return {
            id: 'autotranslate',
            groups: ['channel', 'group', 'direct', 'direct_multiple', 'team'],
            title: 'Auto_Translate',
            icon: 'language',
            tabComponent: AutoTranslate,
            order: 20,
            full: true,
            type: 'customization',
        };
    }, [enabled, permitted]);
};