OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Migrate from FormButton to AccessibleButton 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-06-21 16:49:10 +02:00
parent 401fe1d05b
commit c4e4dadc13
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/views/messages/CallEvent.tsx
View File

@ -20,7 +20,7 @@ import { MatrixEvent } from "matrix-js-sdk/src/models/event";
import { _t, _td } from '../../../languageHandler'; import { _t, _td } from '../../../languageHandler';
import MemberAvatar from '../avatars/MemberAvatar'; import MemberAvatar from '../avatars/MemberAvatar';
import CallEventGrouper, { CallEventGrouperEvent, CustomCallState } from '../../structures/CallEventGrouper'; import CallEventGrouper, { CallEventGrouperEvent, CustomCallState } from '../../structures/CallEventGrouper';
import FormButton from '../elements/FormButton'; import AccessibleButton from '../elements/AccessibleButton';
import { CallErrorCode, CallState } from 'matrix-js-sdk/src/webrtc/call'; import { CallErrorCode, CallState } from 'matrix-js-sdk/src/webrtc/call';
import InfoTooltip, { InfoTooltipKind } from '../elements/InfoTooltip'; import InfoTooltip, { InfoTooltipKind } from '../elements/InfoTooltip';
import classNames from 'classnames'; import classNames from 'classnames';
@ -84,16 +84,18 @@ export default class CallEvent extends React.Component<IProps, IState> {
onClick={this.props.callEventGrouper.toggleSilenced} onClick={this.props.callEventGrouper.toggleSilenced}
title={this.state.silenced ? _t("Sound on"): _t("Silence call")} title={this.state.silenced ? _t("Sound on"): _t("Silence call")}
/> />
<FormButton <AccessibleButton
onClick={ this.props.callEventGrouper.rejectCall } onClick={ this.props.callEventGrouper.rejectCall }
kind="danger" kind="danger"
label={ _t("Decline") } >
/> { _t("Decline") }
<FormButton </AccessibleButton>
<AccessibleButton
onClick={ this.props.callEventGrouper.answerCall } onClick={ this.props.callEventGrouper.answerCall }
kind="primary" kind="primary"
label={ _t("Accept") } >
/> { _t("Accept") }
</AccessibleButton>
</div> </div>
); );
} }
@ -159,12 +161,13 @@ export default class CallEvent extends React.Component<IProps, IState> {
return ( return (
<div className="mx_CallEvent_content"> <div className="mx_CallEvent_content">
{ _t("You missed this call") } { _t("You missed this call") }
<FormButton <AccessibleButton
className="mx_CallEvent_content_callBack" className="mx_CallEvent_content_callBack"
onClick={ this.props.callEventGrouper.callBack } onClick={ this.props.callEventGrouper.callBack }
kind="primary" kind="primary"
label={ _t("Call back") } >
/> { _t("Call back") }
</AccessibleButton>
</div> </div>
); );
} }