Member Practice Summary Report and bugfixes

client/src/scenes/MemberPracticeSummaryReport/index.js

@@ -0,0 +1,33 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Container, Button, Loader } from 'semantic-ui-react';
+
+import MainMenu from '../../components/MainMenu';
+
+import { fetchMemberPracticeSummaryReport } from '../../store/actions';
+
+class MemberPracticeSummaryReport extends Component {
+    render () {
+        const { fetchMemberPracticeSummaryReport, pendingReport } = this.props;
+        return (
+            <Container>
+                <MainMenu/>
+                <h3>Member Practice Summary Report</h3>
+                <hr/>
+                <br/>
+                <Loader active={pendingReport} />
+                <Button disabled={pendingReport} onClick={fetchMemberPracticeSummaryReport}>Generate Report</Button>
+            </Container>
+        );
+    }
+}
+
+const mapStateToProps = (state) => ({
+    pendingReport: state.memberPracticeSummaryReport.pending,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+    fetchMemberPracticeSummaryReport: () => fetchMemberPracticeSummaryReport(dispatch),
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(MemberPracticeSummaryReport);

client/src/scenes/SpecificMemberIncidentsReport/index.js

@@ -11,7 +11,7 @@ import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
 
 import { fetchMemberIncidents } from '../../store/actions';
 
-class PracticeSummaryReport extends Component {
+class SpecificMemberIncidentsReport extends Component {
     constructor(props){
         super(props);
 
@@ -50,7 +50,7 @@ class PracticeSummaryReport extends Component {
         return (
             <Container>
                 <MainMenu/>
-                <h3>Practice Summary Report</h3>
+                <h3>Member Incidents Report</h3>
                 <hr/>
                 <Grid stackable columns="equal">
                     <Grid.Row>
@@ -101,4 +101,4 @@ const mapDispatchToProps = (dispatch) => ({
     fetchMemberIncidents: (memberId, dateRange) => fetchMemberIncidents(dispatch, memberId, dateRange),
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(PracticeSummaryReport);
+export default connect(mapStateToProps, mapDispatchToProps)(SpecificMemberIncidentsReport);