mirror of
https://github.com/vector-im/element-web.git
synced 2025-08-21 22:41:07 +02:00
Migrate from FormButton to AccessibleButton
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
401fe1d05b
commit
c4e4dadc13
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user