From 588528abf67fbadabfb3dd78fb40cd626ab0f26a Mon Sep 17 00:00:00 2001
From: Matt Hughes <mhughes@edx.org>
Date: Fri, 16 Aug 2019 15:20:54 -0400
Subject: [PATCH] Moved interventions download button to main view

---
 src/components/Gradebook/index.jsx | 55 ++++++++++++++++++------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx
index d6ebf4d..c931aa5 100644
--- a/src/components/Gradebook/index.jsx
+++ b/src/components/Gradebook/index.jsx
@@ -683,20 +683,39 @@ export default class Gradebook extends React.Component {
                     options={[{ label: 'Percent', value: 'percent' }, { label: 'Absolute', value: 'absolute' }]}
                     onChange={this.props.toggleFormat}
                   />
-                  {this.props.showDownloadButtons && <StatefulButton
-                    buttonType="primary"
-                    onClick={this.handleClickExportGrades}
-                    state={this.props.showSpinner ? 'pending' : 'default'}
-                    labels={{
-                      default: 'Download Gradebook',
-                      pending: 'Download Gradebook',
-                    }}
-                    icons={{
-                      default: <FontAwesomeIcon className="mr-2" icon={faDownload} />,
-                      pending: <FontAwesomeIcon className="fa-spin mr-2" icon={faSpinner} />,
-                    }}
-                    disabledStates={['pending']}
-                  />}
+                  {this.props.showDownloadButtons && (
+                    <div>
+                      <StatefulButton
+                        buttonType="primary"
+                        onClick={this.handleClickExportGrades}
+                        state={this.props.showSpinner ? 'pending' : 'default'}
+                        labels={{
+                          default: 'Bulk Management',
+                          pending: 'Bulk Management',
+                        }}
+                        icons={{
+                          default: <FontAwesomeIcon className="mr-2" icon={faDownload} />,
+                          pending: <FontAwesomeIcon className="fa-spin mr-2" icon={faSpinner} />,
+                        }}
+                        disabledStates={['pending']}
+                      />
+                      <StatefulButton
+                        buttonType="primary"
+                        onClick={this.handleClickDownloadInterventions}
+                        state={this.props.showSpinner ? 'pending' : 'default'}
+                        className="ml-2"
+                        labels={{
+                          default: 'Interventions',
+                          pending: 'Interventions',
+                        }}
+                        icons={{
+                          default: <FontAwesomeIcon className="mr-2" icon={faDownload} />,
+                          pending: <FontAwesomeIcon className="fa-spin mr-2" icon={faSpinner} />,
+                        }}
+                        disabledStates={['pending']}
+                      />
+                    </div>
+                  )}
                 </div>
                 <div className="gbook">
                   <Table
@@ -807,14 +826,6 @@ export default class Gradebook extends React.Component {
                   >
                     Import Grades
                   </Button>
-                  <h4>Interventions Report</h4>
-                  <Button
-                    buttonType="primary"
-                    onClick={this.handleClickDownloadInterventions}
-                  >
-                    Download Interventions report
-                  </Button>
-                  <br />
                   <p>
                     Results appear in the table below.<br />
                     Grade processing may take a few seconds.