From 84ebee026c43ab8f910afdae5aa9bbf91dab0278 Mon Sep 17 00:00:00 2001
From: Joao Silva <100691367+JoaoSilvaGrafana@users.noreply.github.com>
Date: Tue, 10 Jan 2023 11:25:27 +0100
Subject: [PATCH] Navigation: Add Cancel button to Import dashboard page
 (#61187)

---
 .../manage-dashboards/DashboardImportPage.tsx      | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/public/app/features/manage-dashboards/DashboardImportPage.tsx b/public/app/features/manage-dashboards/DashboardImportPage.tsx
index b2ba8f44256..298874dfc60 100644
--- a/public/app/features/manage-dashboards/DashboardImportPage.tsx
+++ b/public/app/features/manage-dashboards/DashboardImportPage.tsx
@@ -4,7 +4,7 @@ import { connect, ConnectedProps } from 'react-redux';
 
 import { AppEvents, GrafanaTheme2, LoadingState, NavModelItem } from '@grafana/data';
 import { selectors } from '@grafana/e2e-selectors';
-import { reportInteraction } from '@grafana/runtime';
+import { config, reportInteraction } from '@grafana/runtime';
 import {
   Button,
   Field,
@@ -20,6 +20,7 @@ import {
   withTheme2,
   DropzoneFile,
   FileDropzoneDefaultChildren,
+  LinkButton,
 } from '@grafana/ui';
 import appEvents from 'app/core/app_events';
 import { Page } from 'app/core/components/Page/Page';
@@ -172,9 +173,14 @@ class UnthemedDashboardImport extends PureComponent<Props> {
                     rows={10}
                   />
                 </Field>
-                <Button type="submit" data-testid={selectors.components.DashboardImportPage.submit}>
-                  Load
-                </Button>
+                <HorizontalGroup>
+                  <Button type="submit" data-testid={selectors.components.DashboardImportPage.submit}>
+                    Load
+                  </Button>
+                  <LinkButton variant="secondary" href={`${config.appSubUrl}/dashboards`}>
+                    Cancel
+                  </LinkButton>
+                </HorizontalGroup>
               </>
             )}
           </Form>