add link to member summary report from incidents table

client/src/components/MainMenu/index.js

@@ -7,14 +7,19 @@ import { mainMenuItems } from '../../constants/menuItems';
 const MainMenu = () =>
     (<Menu>
         {
-            mainMenuItems.map(mainMenuItem =>
+            mainMenuItems.map(mainMenuItem => {
-                <Menu.Item key={mainMenuItem.id}
+                if (!mainMenuItem.showInMenu){
-                           as={NavLink}
+                    return null;
-                           to={mainMenuItem.url}
+                } else {
-                           exact
+                    return (
-                >
+                    <Menu.Item key={mainMenuItem.id}
-                    {mainMenuItem.title}
+                               as={NavLink}
-                </Menu.Item>)
+                               to={mainMenuItem.url}
+                               exact
+                    >
+                        {mainMenuItem.title}
+                    </Menu.Item>)
+                }})
         }
     </Menu>);
 

client/src/components/MemberIncidentsTable/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Loader } from 'semantic-ui-react';
 import ReactTable from 'react-table';
 import 'react-table/react-table.css';
+import { NavLink } from 'react-router-dom';
 
 import {incidentsReportHeaderTitles} from '../../constants/menuItems';
 import {
@@ -13,7 +14,7 @@ import {
 
 
 const MemberIncidentsTable = props => {
-    const { loading, title } = props;
+    const { loading, title, openMemberSummaryOnMemberClick } = props;
     const incidents = props.incidents ? props.incidents : [];
 
     const columns = [];
@@ -34,9 +35,15 @@ const MemberIncidentsTable = props => {
                     Header: incidentsReportHeaderTitles[header],
                     accessor: header,
                     Cell: props => {
-                        let cellValue;
+                        let cellValue = '';
+                        let urlValue = undefined;
 
                         switch (props.column.id) {
+                            case 'memberName':
+                                const memberId = props.row['_original'].memberId;
+                                urlValue = `/practice-summary-report/${memberId}`;
+                                cellValue = props.value;
+                                break;
                             case 'incidentType':
                                 cellValue = incidentDescriptions[props.value];
                                 break;
@@ -68,7 +75,17 @@ const MemberIncidentsTable = props => {
                                 cellValue = props.value;
                         }
 
-                        return <div style={{ textAlign: columnContentsAlignment }}>{cellValue}</div>
+                        if (openMemberSummaryOnMemberClick && urlValue){
+                            return <NavLink to={urlValue}>{cellValue}</NavLink>
+                        }else{
+                            return <div style={{ textAlign: columnContentsAlignment }}>{cellValue}</div>
+                        }
+
+                        // return <NavLink to={urlValue}>
+                        //     <div>{cellValue}</div>
+                        // </NavLink>
+
+                        // return <div style={{ textAlign: columnContentsAlignment }}><a href={'www.gogole.com'} >{cellValue}</a></div>
                     }
                 });
             }

client/src/constants/menuItems.js

@@ -6,24 +6,34 @@ import PracticeSummaryReport from '../scenes/PracticeSummaryReport';
 export const mainMenuItems = [
     {
         id: 'home',
+        showInMenu: true,
         title: 'Home',
         url: '/',
         component: Home,
     },
     {
         id: 'practiceSummaryReport',
+        showInMenu: true,
         title: 'Practice Summary Report',
         url: '/practice-summary-report',
         component: PracticeSummaryReport,
     },
+    {
+        id: 'practiceSummaryReportWithMemberId',
+        showInMenu: false,
+        url: '/practice-summary-report/:memberId',
+        component: PracticeSummaryReport,
+    },
     {
         id: 'report',
+        showInMenu: true,
         title: 'Incidents Report',
         url: '/incidents-report',
         component: IncidentsReport,
     },
     {
         id: 'uploadDLockData',
+        showInMenu: true,
         title: 'DLock',
         url: '/dlock',
         component: UploadDLockData,

client/src/scenes/IncidentsReport/index.js

@@ -24,7 +24,7 @@ class IncidentsReport extends Component {
                 <hr/>
                 <DateRangePicker buttonLabel="Show report" onDatesUpdate={this.onDatesUpdate.bind(this)} />
                 <br/>
-                <MemberIncidentsTable loading={pendingIncidents} incidents={incidents} />
+                <MemberIncidentsTable loading={pendingIncidents} incidents={incidents} openMemberSummaryOnMemberClick />
             </Container>
         );
     }

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

@@ -11,7 +11,6 @@ const MemberSummary = props => {
     let totalUnlockedFees = 0;
 
     incidents.forEach((incident) => {
-        console.log(incident);
         switch (incident.incidentType) {
             case UNSCHEDULED_INCIDENT:
                 totalUnscheduledFees += parseFloat(incident.totalChargeFee);
@@ -19,6 +18,8 @@ const MemberSummary = props => {
             case UNLOCKED_INCIDENT:
                 totalUnlockedFees += parseFloat(incident.incidentPrice);
                 break;
+            default:
+                break;
         }
     });
 
@@ -65,5 +66,4 @@ const MemberSummary = props => {
     );
 };
 
-
 export default MemberSummary;

client/src/scenes/PracticeSummaryReport/index.js

@@ -16,7 +16,7 @@ class PracticeSummaryReport extends Component {
 
         this.state = {
             dateRange: null,
-            memberId: null,
+            memberId: props.match.params.memberId,
         };
     }