senaduka/old-psihologija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add loading indicator to the member selection dropdown

Browse Source
This commit is contained in:
Bilal Catic
2019-08-30 11:04:55 +02:00
parent 831cb43a92
commit fe6963b2cd
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/scenes/SpecificMemberIncidentsReport/components/MemberSelector.js
View File

@@ -22,7 +22,7 @@ class MemberSelector extends Component {
} }
render(){ render(){
const { members, defaultMemberId } = this.props; const { members, defaultMemberId, loadingMembers } = this.props;
const dropdownOptions = members && Array.isArray(members) ? members.map(member => ({ const dropdownOptions = members && Array.isArray(members) ? members.map(member => ({
key: member.memberId, key: member.memberId,
@@ -35,6 +35,7 @@ class MemberSelector extends Component {
<Form> <Form>
<label>{'Member name'}</label> <label>{'Member name'}</label>
<Dropdown <Dropdown
loading={loadingMembers}
options={dropdownOptions} options={dropdownOptions}
placeholder="Select Member" placeholder="Select Member"
selection selection
@@ -50,6 +51,7 @@ class MemberSelector extends Component {
const mapStateToProps = (state) => ({ const mapStateToProps = (state) => ({
members: state.membersList.result, members: state.membersList.result,
loadingMembers: state.membersList.pending,
}); });
const mapDispatchToProps = (dispatch) => ({ const mapDispatchToProps = (dispatch) => ({