Fixed column names and the report

client/src/scenes/PracticeSummaryReport/index.js

@@ -6,7 +6,7 @@ import MainMenu from '../../components/MainMenu';
 import DateRangePicker from '../../components/DateRangePicker';
 import MemberSelector from './components/MemberSelector';
 import MemberSummary from './components/MemberSummary';
-import MemberIncidentsTable from '../../components/MemberIncidentsTable';
+import MemberIncidentsTables from '../../components/MemberIncidentsTables';
 
 import { fetchMemberIncidents } from '../../store/actions';
 
@@ -40,6 +40,7 @@ class PracticeSummaryReport extends Component {
 
     render () {
         const { memberIncidents, loading } = this.props;
+        const { memberId } = this.state;
 
         return (
             <Container>
@@ -49,7 +50,7 @@ class PracticeSummaryReport extends Component {
                 <Grid stackable columns="equal">
                     <Grid.Row>
                         <Grid.Column>
-                            <MemberSelector onMemberSelect={this.onMemberSelectionUpdate.bind(this)} />
+                            <MemberSelector onMemberSelect={this.onMemberSelectionUpdate.bind(this)} defaultMemberId={memberId} />
                         </Grid.Column>
                         <Grid.Column>
                             <DateRangePicker inlineButton onDatesUpdate={this.onDateRangeUpdate.bind(this)}/>
@@ -66,11 +67,7 @@ class PracticeSummaryReport extends Component {
                     <Grid.Row/>
                     <Grid.Row>
                         <Grid.Column>
-                            <MemberIncidentsTable
-                                title="Detail list"
-                                incidents={memberIncidents}
-                                loading={loading}
-                            />
+                            <MemberIncidentsTables incidents={memberIncidents} pendingIncidents={loading} hideMemberName/>
                         </Grid.Column>
                     </Grid.Row>
                 </Grid>