From d83b6f1cf8891b85b1166badf68920308657b337 Mon Sep 17 00:00:00 2001
From: Richard Lewis <richard@smetco.co.uk>
Date: Mon, 2 Apr 2018 10:18:35 +0100
Subject: [PATCH] Use AccessibleButton.

---
 src/components/views/rooms/Stickerpicker.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/views/rooms/Stickerpicker.js b/src/components/views/rooms/Stickerpicker.js
index 1a74da9a8b..17fd839944 100644
--- a/src/components/views/rooms/Stickerpicker.js
+++ b/src/components/views/rooms/Stickerpicker.js
@@ -24,6 +24,7 @@ import sdk from '../../../index';
 import SdkConfig from '../../../SdkConfig';
 import ScalarAuthClient from '../../../ScalarAuthClient';
 import dis from '../../../dispatcher';
+import AccessibleButton from '../elements/AccessibleButton';
 
 const widgetType = 'm.stickerpicker';
 
@@ -49,11 +50,12 @@ export default class Stickerpicker extends React.Component {
 
     defaultStickersContent() {
         return (
-            <div className='mx_Stickers_contentPlaceholder'>
+            <AccessibleButton onClick={this._launchManageIntegrations}
+                className='mx_Stickers_contentPlaceholder'>
                 <p>{ _t("You don't currently have any stickerpacks enabled") }</p>
-                <p>{ _t("Click") } <span className='mx_Stickers_addLink' onClick={this._launchManageIntegrations} > { _t("here") }</span> { _t("to add some!") }</p>
+                <p className='mx_Stickers_addLink'>Add some now</p>
                 <img src='img/stickerpack-placeholder.png' alt={_t('Add a stickerpack')} />
-            </div>
+            </AccessibleButton>
         );
     }