From 86e2eb744c60db68f8e7e31206ec4c5207604efe Mon Sep 17 00:00:00 2001
From: Joao Silva <100691367+JoaoSilvaGrafana@users.noreply.github.com>
Date: Tue, 10 Jan 2023 11:44:24 +0100
Subject: [PATCH] Navigation: Add Cancel button to New folder page (#61188)

---
 .../features/folders/components/NewDashboardsFolder.tsx  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/app/features/folders/components/NewDashboardsFolder.tsx b/public/app/features/folders/components/NewDashboardsFolder.tsx
index cff5929ecd5..34c03f82fc6 100644
--- a/public/app/features/folders/components/NewDashboardsFolder.tsx
+++ b/public/app/features/folders/components/NewDashboardsFolder.tsx
@@ -3,7 +3,7 @@ import { connect, ConnectedProps } from 'react-redux';
 
 import { NavModelItem } from '@grafana/data';
 import { config } from '@grafana/runtime';
-import { Button, Input, Form, Field } from '@grafana/ui';
+import { Button, Input, Form, Field, HorizontalGroup, LinkButton } from '@grafana/ui';
 import { Page } from 'app/core/components/Page/Page';
 import { useQueryParams } from 'app/core/hooks/useQueryParams';
 
@@ -71,7 +71,12 @@ function NewDashboardsFolder({ createNewFolder }: Props) {
                   })}
                 />
               </Field>
-              <Button type="submit">Create</Button>
+              <HorizontalGroup>
+                <Button type="submit">Create</Button>
+                <LinkButton variant="secondary" href={`${config.appSubUrl}/dashboards`}>
+                  Cancel
+                </LinkButton>
+              </HorizontalGroup>
             </>
           )}
         </Form>