From fe6963b2cd9ec93d9a86529aee1a33aaf77bf740 Mon Sep 17 00:00:00 2001
From: Bilal Catic <bilal.catic@hotmail.com>
Date: Fri, 30 Aug 2019 11:04:55 +0200
Subject: [PATCH] add loading indicator to the member selection dropdown

---
 .../components/MemberSelector.js                              | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/scenes/SpecificMemberIncidentsReport/components/MemberSelector.js b/client/src/scenes/SpecificMemberIncidentsReport/components/MemberSelector.js
index 589e47b..1e37620 100644
--- a/client/src/scenes/SpecificMemberIncidentsReport/components/MemberSelector.js
+++ b/client/src/scenes/SpecificMemberIncidentsReport/components/MemberSelector.js
@@ -22,7 +22,7 @@ class MemberSelector extends Component {
     }
 
     render(){
-        const { members, defaultMemberId } = this.props;
+        const { members, defaultMemberId, loadingMembers } = this.props;
 
         const dropdownOptions = members && Array.isArray(members) ? members.map(member => ({
                 key: member.memberId,
@@ -35,6 +35,7 @@ class MemberSelector extends Component {
             <Form>
                 <label>{'Member name'}</label>
                 <Dropdown
+                    loading={loadingMembers}
                     options={dropdownOptions}
                     placeholder="Select Member"
                     selection
@@ -50,6 +51,7 @@ class MemberSelector extends Component {
 
 const mapStateToProps = (state) => ({
     members: state.membersList.result,
+    loadingMembers: state.membersList.pending,
 });
 
 const mapDispatchToProps = (dispatch) => ({