Make Practice Summary Report stub

client/src/scenes/PracticeSummaryReport/components/MemberSelector.js

@@ -0,0 +1,58 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Dropdown, Form } from 'semantic-ui-react';
+
+import { fetchMembersList } from '../../../store/actions';
+
+class MemberSelector extends Component {
+    componentDidMount() {
+        const { fetchMembersList } = this.props;
+
+        fetchMembersList();
+    }
+
+    onMemberSelectionChange(event, data){
+        const { onMemberSelect } = this.props;
+
+        const { value } = data;
+
+        if (onMemberSelect && value){
+            onMemberSelect(value);
+        }
+    }
+
+    render(){
+        const { members } = this.props;
+
+        const dropdownOptions = members && Array.isArray(members) ? members.map(member => ({
+                key: member.memberId,
+                value: member.memberId,
+                text: member.name
+            })
+        ) : null;
+
+        return (
+            <Form>
+                <label>{'\u00A0'}</label>
+                <Dropdown
+                    options={dropdownOptions}
+                    placeholder="Select Member"
+                    selection
+                    search
+                    fluid
+                    onChange={this.onMemberSelectionChange.bind(this)}
+                />
+            </Form>
+        );
+    }
+}
+
+const mapStateToProps = (state) => ({
+    members: state.membersList.result,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+    fetchMembersList: () => fetchMembersList(dispatch),
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(MemberSelector);

client/src/scenes/PracticeSummaryReport/components/MemberSummary.js

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+
+class MemberSummary extends Component {
+    render() {
+        return (<h4>Member Summary</h4>);
+    }
+}
+
+export default MemberSummary;