From cdae7a4b5b9cc037ef92c589b110dc05230ce76d Mon Sep 17 00:00:00 2001
From: prsaroha <50709949+prsaroha@users.noreply.github.com>
Date: Wed, 16 Dec 2020 05:33:18 +0530
Subject: [PATCH] feat(spacelistmeeting): optional button aria label different
 from button label (#724)

Co-authored-by: Priyank Saroha -X (prsaroha - ALTRAN ACT at Cisco) <prsaroha@partnet.cisco.com>
Co-authored-by: Yan-Jen Lo <34595328+yjlo@users.noreply.github.com>
---
 react/src/lib/SpaceListMeeting/index.js                     | 6 +++++-
 .../SpaceListMeeting/tests/__snapshots__/index.spec.js.snap | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/react/src/lib/SpaceListMeeting/index.js b/react/src/lib/SpaceListMeeting/index.js
index b98dc20481..a0ccb51911 100644
--- a/react/src/lib/SpaceListMeeting/index.js
+++ b/react/src/lib/SpaceListMeeting/index.js
@@ -22,6 +22,7 @@ class SpaceListMeeting extends React.PureComponent {
   render() {
     const {
       attendees,
+      buttonAriaLabel,
       buttonLabel,
       childrenLeft,
       childrenRight,
@@ -116,7 +117,7 @@ class SpaceListMeeting extends React.PureComponent {
         {buttonLabel && (
           <Button
             color={isMessagingOnlyShare ? 'blue' : 'green'}
-            ariaLabel={buttonLabel}
+            ariaLabel={buttonAriaLabel ? buttonAriaLabel : buttonLabel}
             children={buttonLabel}
             onClick={this.handleButtonClick}
             size={28}
@@ -154,6 +155,8 @@ SpaceListMeeting.propTypes = {
       node: PropTypes.element,
     })
   ),
+  /** @prop Aria label string for button | buttonLabel */
+  buttonAriaLabel: PropTypes.string,
   /** @prop Label string for button | '' */
   buttonLabel: PropTypes.string,
   /** @prop Callback function invoked when user clicks on button | null */
@@ -186,6 +189,7 @@ SpaceListMeeting.propTypes = {
 
 SpaceListMeeting.defaultProps = {
   attendees: [],
+  buttonAriaLabel: null,
   buttonLabel: '',
   buttonOnClick: null,
   childrenLeft: null,
diff --git a/react/src/lib/SpaceListMeeting/tests/__snapshots__/index.spec.js.snap b/react/src/lib/SpaceListMeeting/tests/__snapshots__/index.spec.js.snap
index c36f8ef0b2..f1949cd11e 100644
--- a/react/src/lib/SpaceListMeeting/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/SpaceListMeeting/tests/__snapshots__/index.spec.js.snap
@@ -5,6 +5,7 @@ ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <SpaceListMeeting
     attendees={Array []}
+    buttonAriaLabel={null}
     buttonLabel=""
     buttonOnClick={null}
     childrenLeft={null}