add structure for fetching member practice summary from backend

client/src/scenes/MemberPracticeSummaryReport/index.js

@@ -4,21 +4,26 @@ import { Container, Button } from 'semantic-ui-react';
 
 import MainMenu from '../../components/MainMenu';
 
+import { fetchMemberPracticeSummaryReport } from '../../store/actions';
+
 class MemberPracticeSummaryReport extends Component {
     render () {
+        const { fetchMemberPracticeSummaryReport } = this.props;
         return (
             <Container>
                 <MainMenu/>
                 <h3>Member Practice Summary Report</h3>
                 <hr/>
                 <br/>
-                <Button>Generate Report</Button>
+                <Button onClick={fetchMemberPracticeSummaryReport}>Generate Report</Button>
             </Container>
         );
     }
 }
 
 const mapStateToProps = (state) => ({});
-const mapDispatchToProps = (dispatch) => ({});
+const mapDispatchToProps = (dispatch) => ({
+    fetchMemberPracticeSummaryReport: () => fetchMemberPracticeSummaryReport(dispatch),
+});
 
 export default connect(mapStateToProps, mapDispatchToProps)(MemberPracticeSummaryReport);