diff --git a/react/features/base/ui/components/web/Tabs.tsx b/react/features/base/ui/components/web/Tabs.tsx index be39dbfb2b..283029cd0d 100644 --- a/react/features/base/ui/components/web/Tabs.tsx +++ b/react/features/base/ui/components/web/Tabs.tsx @@ -17,6 +17,7 @@ interface ITabProps { icon?: Function; id: string; label?: string; + title?: string; }>; } @@ -126,26 +127,34 @@ const Tabs = ({ aria-label = { accessibilityLabel } className = { cx(classes.container, className) } role = 'tablist'> - {tabs.map((tab, index) => ( - - ))} + { + tabs.map((tab, index) => ( + + ))} ); }; diff --git a/react/features/chat/components/web/Chat.tsx b/react/features/chat/components/web/Chat.tsx index 796d924be0..6f6c4a3840 100644 --- a/react/features/chat/components/web/Chat.tsx +++ b/react/features/chat/components/web/Chat.tsx @@ -512,7 +512,8 @@ const Chat = ({ _focusedTab !== ChatTabs.CHAT && _nbUnreadMessages > 0 ? _nbUnreadMessages : undefined, id: ChatTabs.CHAT, controlsId: `${ChatTabs.CHAT}-panel`, - icon: IconMessage + icon: IconMessage, + title: t('chat.tabs.chat') } ]; @@ -522,7 +523,8 @@ const Chat = ({ countBadge: _focusedTab !== ChatTabs.POLLS && _nbUnreadPolls > 0 ? _nbUnreadPolls : undefined, id: ChatTabs.POLLS, controlsId: `${ChatTabs.POLLS}-panel`, - icon: IconInfo + icon: IconInfo, + title: t('chat.tabs.polls') }); } @@ -532,7 +534,8 @@ const Chat = ({ countBadge: undefined, id: ChatTabs.CLOSED_CAPTIONS, controlsId: `${ChatTabs.CLOSED_CAPTIONS}-panel`, - icon: IconSubtitles + icon: IconSubtitles, + title: t('chat.tabs.closedCaptions') }); } @@ -542,7 +545,8 @@ const Chat = ({ countBadge: undefined, id: ChatTabs.FILE_SHARING, controlsId: `${ChatTabs.FILE_SHARING}-panel`, - icon: IconShareDoc + icon: IconShareDoc, + title: t('chat.tabs.fileSharing') }); }