disable download buttons when we don't have data yet

pacificclimate · Dec 10, 2024 · ea8048f · ea8048f
1 parent 8dc87df
commit ea8048f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/graphs/ExportButtons/ExportButtons.js b/src/components/graphs/ExportButtons/ExportButtons.js
@@ -14,6 +14,7 @@ export default class ExportButtons extends React.Component {
   static propTypes = {
     onExportXlsx: PropTypes.func.isRequired,
     onExportCsv: PropTypes.func.isRequired,
+    disabled: PropTypes.bool,
   };
 
   render() {
@@ -22,8 +23,15 @@ export default class ExportButtons extends React.Component {
         <ControlLabel className={styles.exportlabel}>
           {downloadGraphDataLabel}
         </ControlLabel>
-        <Button onClick={this.props.onExportXlsx}>{xslxButtonLabel}</Button>
-        <Button onClick={this.props.onExportCsv}>{csvButtonLabel}</Button>
+        <Button
+          disabled={this.props.disabled}
+          onClick={this.props.onExportXlsx}
+        >
+          {xslxButtonLabel}
+        </Button>
+        <Button disabled={this.props.disabled} onClick={this.props.onExportCsv}>
+          {csvButtonLabel}
+        </Button>
       </div>
     );
   }

diff --git a/src/components/graphs/LongTermAveragesGraph/LongTermAveragesGraph.js b/src/components/graphs/LongTermAveragesGraph/LongTermAveragesGraph.js
@@ -259,6 +259,7 @@ export default class LongTermAveragesGraph extends React.Component {
           )}
           <Col lg={controlsWidth} md={controlsWidth} sm={controlsWidth}>
             <ExportButtons
+              disabled={!this.state.data}
               onExportXlsx={this.handleExportXlsx}
               onExportCsv={this.handleExportCsv}
             />