diff --git a/ui/src/dashboards/components/ImportDashboardOverlay.tsx b/ui/src/dashboards/components/ImportDashboardOverlay.tsx index 0d2fa1be6..1ca30b1fc 100644 --- a/ui/src/dashboards/components/ImportDashboardOverlay.tsx +++ b/ui/src/dashboards/components/ImportDashboardOverlay.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent, ChangeEvent} from 'react' +import React, {PureComponent, ChangeEvent, FormEvent} from 'react' import {getDeep} from 'src/utils/wrappers' import Container from 'src/shared/components/overlay/OverlayContainer' @@ -33,13 +33,20 @@ class ImportDashboardOverlay extends PureComponent { - - +
+
+ + +
+
+ +
+
) @@ -56,7 +63,9 @@ class ImportDashboardOverlay extends PureComponent { fileReader.readAsText(file) } - private handleImportDashboard = (): void => { + private handleImportDashboard = (e: FormEvent): void => { + e.preventDefault() + const {onImportDashboard, onDismissOverlay} = this.props const {dashboardFromFile} = this.state if (dashboardFromFile) {