diff --git a/src/components/views/voip/CallView/CallViewHeader.tsx b/src/components/views/voip/CallView/CallViewHeader.tsx index acc577c5d9..dd11bc9acf 100644 --- a/src/components/views/voip/CallView/CallViewHeader.tsx +++ b/src/components/views/voip/CallView/CallViewHeader.tsx @@ -17,7 +17,7 @@ limitations under the License. import { CallType } from 'matrix-js-sdk/src/webrtc/call'; import { Room } from 'matrix-js-sdk/src/models/room'; import React from 'react'; -import { _t } from '../../../../languageHandler'; +import { _t, _td } from '../../../../languageHandler'; import RoomAvatar from '../../avatars/RoomAvatar'; import AccessibleButton from '../../elements/AccessibleButton'; import dis from '../../../../dispatcher/dispatcher'; @@ -25,8 +25,8 @@ import classNames from 'classnames'; import AccessibleTooltipButton from '../../elements/AccessibleTooltipButton'; const callTypeTranslationByType: Record = { - [CallType.Video]: _t("Video Call"), - [CallType.Voice]: _t("Voice Call"), + [CallType.Video]: _td("Video Call"), + [CallType.Voice]: _td("Voice Call"), }; interface CallViewHeaderProps { @@ -100,7 +100,7 @@ export const CallViewHeader: React.FC = ({ onPipMouseDown, }) => { const [callRoom, onHoldCallRoom] = callRooms; - const callTypeText = callTypeTranslationByType[type]; + const callTypeText = _t(callTypeTranslationByType[type]); const callRoomName = callRoom.name; const { roomId } = callRoom;