From 28b8d564feac14619fcd374b19fdf8aaefda700a Mon Sep 17 00:00:00 2001
From: Josh Hunt <joshhunt@users.noreply.github.com>
Date: Tue, 18 Apr 2023 13:42:40 +0100
Subject: [PATCH] NestedFolders: Add link to new work-in-progress UI (#66684)

---
 .../search/components/DashboardListPage.tsx       | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/public/app/features/search/components/DashboardListPage.tsx b/public/app/features/search/components/DashboardListPage.tsx
index 8c21db76909..12bdd25350f 100644
--- a/public/app/features/search/components/DashboardListPage.tsx
+++ b/public/app/features/search/components/DashboardListPage.tsx
@@ -3,7 +3,8 @@ import React, { memo } from 'react';
 import { useAsync } from 'react-use';
 
 import { locationUtil, NavModelItem } from '@grafana/data';
-import { locationService } from '@grafana/runtime';
+import { config, locationService } from '@grafana/runtime';
+import { Badge, Link } from '@grafana/ui';
 import { Page } from 'app/core/components/Page/Page';
 import { FolderDTO } from 'app/types';
 
@@ -40,7 +41,17 @@ export const DashboardListPage = memo(({ match, location }: Props) => {
   }, [match.params.uid]);
 
   return (
-    <Page navId="dashboards/browse" pageNav={value?.pageNav}>
+    <Page
+      navId="dashboards/browse"
+      pageNav={value?.pageNav}
+      actions={
+        config.featureToggles.nestedFolders && (
+          <Link href="/nested-dashboards">
+            <Badge icon="folder" color="blue" text="Try WIP nested folders UI" />
+          </Link>
+        )
+      }
+    >
       <Page.Contents
         isLoading={loading}
         className={css`