add member practice summary report page

client/src/constants/menuItems.js

@@ -2,6 +2,7 @@ import UploadDLockData from '../scenes/UploadDLockData';
 import Home from '../scenes/Home';
 import IncidentsReport from '../scenes/IncidentsReport';
 import SpecificMemberIncidentsReport from '../scenes/SpecificMemberIncidentsReport';
+import MemberPracticeSummaryReport from '../scenes/MemberPracticeSummaryReport';
 
 export const mainMenuItems = [
     {
@@ -11,6 +12,13 @@ export const mainMenuItems = [
         url: '/',
         component: Home,
     },
+    {
+        id: 'memberPracticeSummaryReport',
+        showInMenu: true,
+        title: 'Member Practice Summary Report',
+        url: '/member-practice-summary-report',
+        component: MemberPracticeSummaryReport,
+    },
     {
         id: 'specificMemberIncidentsReport',
         showInMenu: true,

client/src/scenes/MemberPracticeSummaryReport/index.js

@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Container, Button } from 'semantic-ui-react';
+
+import MainMenu from '../../components/MainMenu';
+
+class MemberPracticeSummaryReport extends Component {
+    render () {
+        return (
+            <Container>
+                <MainMenu/>
+                <h3>Member Practice Summary Report</h3>
+                <hr/>
+                <br/>
+                <Button>Generate Report</Button>
+            </Container>
+        );
+    }
+}
+
+const mapStateToProps = (state) => ({});
+const mapDispatchToProps = (dispatch) => ({});
+
+export default connect(mapStateToProps, mapDispatchToProps)(MemberPracticeSummaryReport);