add button and modal dialog for invoice integration

client/src/scenes/PracticeSummaryReport/index.js

@@ -7,6 +7,7 @@ import DateRangePicker from '../../components/DateRangePicker';
 import MemberSelector from './components/MemberSelector';
 import MemberSummary from './components/MemberSummary';
 import MemberIncidentsTables from '../../components/MemberIncidentsTables';
+import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
 
 import { fetchMemberIncidents } from '../../store/actions';
 
@@ -38,9 +39,13 @@ class PracticeSummaryReport extends Component {
         }
     }
 
+    onAddFeesClick = () => {};
+
     render () {
         const { memberIncidents, loading } = this.props;
-        const { memberId } = this.state;
+        const { memberId, dateRange } = this.state;
+
+        const addFeesButtonDisabled = !memberId || !dateRange || loading;
 
         return (
             <Container>
@@ -64,6 +69,15 @@ class PracticeSummaryReport extends Component {
                             />
                         </Grid.Column>
                     </Grid.Row>
+                    <Grid.Row>
+                        <Grid.Column>
+                            <GenerateFeesInORDButton
+                                singleMember
+                                disabled={addFeesButtonDisabled}
+                                onConfirm={this.onAddFeesClick}
+                            />
+                        </Grid.Column>
+                    </Grid.Row>
                     <Grid.Row/>
                     <Grid.Row>
                         <Grid.Column>