add button and modal dialog for invoice integration

client/src/scenes/IncidentsReport/index.js

@@ -5,6 +5,7 @@ import { Container } from 'semantic-ui-react';
 import MainMenu from '../../components/MainMenu';
 import DateRangePicker from '../../components/DateRangePicker';
 import MemberIncidentsTables from '../../components/MemberIncidentsTables';
+import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
 
 import { fetchIncidents } from '../../store/actions';
 
@@ -14,6 +15,8 @@ class IncidentsReport extends Component {
         fetchIncidents(dateRange);
     }
 
+    onAddFeesClick = () => {};
+
     render () {
         const { pendingIncidents, incidents } = this.props;
 
@@ -22,7 +25,14 @@ class IncidentsReport extends Component {
                 <MainMenu/>
                 <h3>Incidents Report</h3>
                 <hr/>
-                <DateRangePicker buttonLabel="Show report" onDatesUpdate={this.onDatesUpdate.bind(this)} />
+                <DateRangePicker buttonLabel="Show report" onDatesUpdate={this.onDatesUpdate.bind(this)} inlineButton />
+                <br/>
+                <GenerateFeesInORDButton
+                    disabled={pendingIncidents}
+                    onConfirm={this.onAddFeesClick}
+                />
+                <br/><br/>
+                <hr/>
                 <br/>
                 <MemberIncidentsTables pendingIncidents={pendingIncidents} incidents={incidents} />
             </Container>