Also fix accessibility of sticker buttons

This commit is contained in:
Peter Vágner 2018-10-02 20:19:21 +02:00
parent ded35e43a0
commit e05ae29146
No known key found for this signature in database
GPG key ID: 72D60A4B389C75AE

View file

@ -151,8 +151,8 @@ export default class Stickerpicker extends React.Component {
<AccessibleButton onClick={this._launchManageIntegrations} <AccessibleButton onClick={this._launchManageIntegrations}
className='mx_Stickers_contentPlaceholder'> className='mx_Stickers_contentPlaceholder'>
<p>{ _t("You don't currently have any stickerpacks enabled") }</p> <p>{ _t("You don't currently have any stickerpacks enabled") }</p>
<p className='mx_Stickers_addLink'>Add some now</p> <p className='mx_Stickers_addLink'>{ _t("Add some now") }</p>
<img src='img/stickerpack-placeholder.png' alt={_t('Add a stickerpack')} /> <img src='img/stickerpack-placeholder.png' alt="" />
</AccessibleButton> </AccessibleButton>
); );
} }
@ -344,7 +344,7 @@ export default class Stickerpicker extends React.Component {
if (this.state.showStickers) { if (this.state.showStickers) {
// Show hide-stickers button // Show hide-stickers button
stickersButton = stickersButton =
<div <AccessibleButton
id='stickersButton' id='stickersButton'
key="controls_hide_stickers" key="controls_hide_stickers"
className="mx_MessageComposer_stickers mx_Stickers_hideStickers" className="mx_MessageComposer_stickers mx_Stickers_hideStickers"
@ -352,18 +352,18 @@ export default class Stickerpicker extends React.Component {
ref='target' ref='target'
title={_t("Hide Stickers")}> title={_t("Hide Stickers")}>
<TintableSvg src="img/icons-hide-stickers.svg" width="35" height="35" /> <TintableSvg src="img/icons-hide-stickers.svg" width="35" height="35" />
</div>; </AccessibleButton>;
} else { } else {
// Show show-stickers button // Show show-stickers button
stickersButton = stickersButton =
<div <AccessibleButton
id='stickersButton' id='stickersButton'
key="constrols_show_stickers" key="controls_show_stickers"
className="mx_MessageComposer_stickers" className="mx_MessageComposer_stickers"
onClick={this._onShowStickersClick} onClick={this._onShowStickersClick}
title={_t("Show Stickers")}> title={_t("Show Stickers")}>
<TintableSvg src="img/icons-show-stickers.svg" width="35" height="35" /> <TintableSvg src="img/icons-show-stickers.svg" width="35" height="35" />
</div>; </AccessibleButton>;
} }
return <div> return <div>
{stickersButton} {stickersButton}