Use AccessibleTooltipButton

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-08-12 08:11:11 +02:00
parent 09ffad96ff
commit 29d20b8125
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D

View file

@ -21,7 +21,6 @@ import classNames from "classnames";
import AccessibleTooltipButton from "../../elements/AccessibleTooltipButton"; import AccessibleTooltipButton from "../../elements/AccessibleTooltipButton";
import CallContextMenu from "../../context_menus/CallContextMenu"; import CallContextMenu from "../../context_menus/CallContextMenu";
import DialpadContextMenu from "../../context_menus/DialpadContextMenu"; import DialpadContextMenu from "../../context_menus/DialpadContextMenu";
import AccessibleButton from "../../elements/AccessibleButton";
import { MatrixCall } from "matrix-js-sdk/src/webrtc/call"; import { MatrixCall } from "matrix-js-sdk/src/webrtc/call";
import { Alignment } from "../../elements/Tooltip"; import { Alignment } from "../../elements/Tooltip";
import { import {
@ -211,10 +210,12 @@ export default class CallViewButtons extends React.Component<IProps, IState> {
let sidebarButton; let sidebarButton;
if (this.props.buttonsVisibility.sidebar) { if (this.props.buttonsVisibility.sidebar) {
sidebarButton = ( sidebarButton = (
<AccessibleButton <AccessibleTooltipButton
className={sidebarButtonClasses} className={sidebarButtonClasses}
onClick={this.props.handlers.onToggleSidebarClick} onClick={this.props.handlers.onToggleSidebarClick}
aria-label={this.props.buttonsState.sidebarShown ? _t("Hide sidebar") : _t("Show sidebar")} title={this.props.buttonsState.sidebarShown ? _t("Hide sidebar") : _t("Show sidebar")}
alignment={Alignment.Top}
yOffset={TOOLTIP_Y_OFFSET}
/> />
); );
} }