From 6fabfee09714650963d3ea82531924e498bd3f6f Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Tue, 8 Sep 2020 12:04:40 +0300
Subject: [PATCH] Search: replace cog icon (#27440)

---
 packages/grafana-ui/src/types/icon.ts          |  4 +++-
 .../search/components/SectionHeader.tsx        | 18 ++++++++++++------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/packages/grafana-ui/src/types/icon.ts b/packages/grafana-ui/src/types/icon.ts
index d5c22a7afac..b4d90864c4b 100644
--- a/packages/grafana-ui/src/types/icon.ts
+++ b/packages/grafana-ui/src/types/icon.ts
@@ -115,7 +115,8 @@ export type IconName =
   | 'line-alt'
   | 'sort-amount-down'
   | 'cloud'
-  | 'draggabledots';
+  | 'draggabledots'
+  | 'folder-upload';
 
 export const getAvailableIcons = (): IconName[] => [
   'fa fa-spinner',
@@ -230,4 +231,5 @@ export const getAvailableIcons = (): IconName[] => [
   'sort-amount-down',
   'cloud',
   'draggabledots',
+  'folder-upload',
 ];
diff --git a/public/app/features/search/components/SectionHeader.tsx b/public/app/features/search/components/SectionHeader.tsx
index f5428d16767..a45752c5545 100644
--- a/public/app/features/search/components/SectionHeader.tsx
+++ b/public/app/features/search/components/SectionHeader.tsx
@@ -48,12 +48,15 @@ export const SectionHeader: FC<SectionHeaderProps> = ({
         <Icon name={getSectionIcon(section)} />
       </div>
 
-      <span className={styles.text}>{section.title}</span>
-      {section.url && (
-        <a href={section.url} className={styles.link}>
-          <Icon name="cog" />
-        </a>
-      )}
+      <div className={styles.text}>
+        {section.title}
+        {section.url && (
+          <a href={section.url} className={styles.link}>
+            <span className={styles.separator}>|</span> <Icon name="folder-upload" /> Go to folder
+          </a>
+        )}
+      </div>
+
       {section.itemsFetching ? <Spinner /> : <Icon name={section.expanded ? 'angle-down' : 'angle-right'} />}
     </div>
   );
@@ -97,5 +100,8 @@ const getSectionHeaderStyles = stylesFactory((theme: GrafanaTheme, selected = fa
       opacity: 0;
       transition: opacity 150ms ease-in-out;
     `,
+    separator: css`
+      margin-right: 6px;
+    `,
   };
 });