diff --git a/apps/meteor/client/sidebar/header/actions/hooks/useAdministrationMenu.tsx b/apps/meteor/client/sidebar/header/actions/hooks/useAdministrationMenu.tsx index 5145ac30c0f4..f6179bb93d26 100644 --- a/apps/meteor/client/sidebar/header/actions/hooks/useAdministrationMenu.tsx +++ b/apps/meteor/client/sidebar/header/actions/hooks/useAdministrationMenu.tsx @@ -1,5 +1,5 @@ import { useMutableCallback } from '@rocket.chat/fuselage-hooks'; -import { useAtLeastOnePermission, usePermission } from '@rocket.chat/ui-contexts'; +import { useAtLeastOnePermission, usePermission, useTranslation } from '@rocket.chat/ui-contexts'; import { AccountBox } from '../../../../../app/ui-utils/client'; import type { IAppAccountBoxItem, AccountBoxItem } from '../../../../../app/ui-utils/client/lib/AccountBox'; @@ -39,6 +39,7 @@ const ADMIN_PERMISSIONS = [ ]; export const useAdministrationMenu = () => { + const t = useTranslation(); const getAccountBoxItems = useMutableCallback(() => AccountBox.getItems()); const accountBoxItems = useReactiveValue(getAccountBoxItems); @@ -66,9 +67,9 @@ export const useAdministrationMenu = () => { const auditItems = useAuditItems({ showAudit: hasAuditPermission, showAuditLog: hasAuditLogPermission }); const sections = [ - { title: 'Administration', items: administrationItems, permission: showAdmin }, - { title: 'Apps', items: appItems, permission: showApps }, - { title: 'Audit', items: auditItems, permission: showAudit }, + { title: t('Administration'), items: administrationItems, permission: showAdmin }, + { title: t('Apps'), items: appItems, permission: showApps }, + { title: t('Audit'), items: auditItems, permission: showAudit }, ]; return sections.filter(({ permission }) => permission); diff --git a/apps/meteor/client/sidebar/header/actions/hooks/useCreateRoomMenu.tsx b/apps/meteor/client/sidebar/header/actions/hooks/useCreateRoomMenu.tsx index 7e4cbe8d138e..f220267fac05 100644 --- a/apps/meteor/client/sidebar/header/actions/hooks/useCreateRoomMenu.tsx +++ b/apps/meteor/client/sidebar/header/actions/hooks/useCreateRoomMenu.tsx @@ -1,4 +1,4 @@ -import { useAtLeastOnePermission, useSetting } from '@rocket.chat/ui-contexts'; +import { useAtLeastOnePermission, useSetting, useTranslation } from '@rocket.chat/ui-contexts'; import { useIsEnterprise } from '../../../../hooks/useIsEnterprise'; import { useCreateRoomItems } from './useCreateRoomItems'; @@ -7,6 +7,7 @@ import { useMatrixFederationItems } from './useMatrixFederationItems.tsx'; const CREATE_ROOM_PERMISSIONS = ['create-c', 'create-p', 'create-d', 'start-discussion', 'start-discussion-other-user']; export const useCreateRoom = () => { + const t = useTranslation(); const showCreate = useAtLeastOnePermission(CREATE_ROOM_PERMISSIONS); const { data } = useIsEnterprise(); @@ -16,8 +17,8 @@ export const useCreateRoom = () => { const matrixFederationSearchItems = useMatrixFederationItems({ isMatrixEnabled }); const sections = [ - { title: 'Create_new', items: createRoomItems, permission: showCreate }, - { title: 'Explore', items: matrixFederationSearchItems, permission: showCreate && isMatrixEnabled }, + { title: t('Create_new'), items: createRoomItems, permission: showCreate }, + { title: t('Explore'), items: matrixFederationSearchItems, permission: showCreate && isMatrixEnabled }, ]; return sections.filter((section) => section.permission); diff --git a/apps/meteor/client/sidebar/header/actions/hooks/useSortMenu.tsx b/apps/meteor/client/sidebar/header/actions/hooks/useSortMenu.tsx index 8a3f6a56e590..bea1d999997e 100644 --- a/apps/meteor/client/sidebar/header/actions/hooks/useSortMenu.tsx +++ b/apps/meteor/client/sidebar/header/actions/hooks/useSortMenu.tsx @@ -1,16 +1,20 @@ +import { useTranslation } from '@rocket.chat/ui-contexts'; + import { useGroupingListItems } from './useGroupingListItems'; import { useSortModeItems } from './useSortModeItems'; import { useViewModeItems } from './useViewModeItems'; export const useSortMenu = () => { + const t = useTranslation(); + const viewModeItems = useViewModeItems(); const sortModeItems = useSortModeItems(); const groupingListItems = useGroupingListItems(); const sections = [ - { title: 'Display', items: viewModeItems }, - { title: 'Sort_By', items: sortModeItems }, - { title: 'Group_by', items: groupingListItems }, + { title: t('Display'), items: viewModeItems }, + { title: t('Sort_By'), items: sortModeItems }, + { title: t('Group_by'), items: groupingListItems }, ]; return sections;