From 5ca2db02242502e67b1dd647e075f354fef2bde8 Mon Sep 17 00:00:00 2001
From: Millicent Achieng <achieng.milli@gmail.com>
Date: Mon, 24 Jan 2022 21:19:38 +0300
Subject: [PATCH 1/2] Update documentation link icon

---
 src/app/views/sidebar/Sidebar.styles.ts                | 8 +++-----
 src/app/views/sidebar/sample-queries/SampleQueries.tsx | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/app/views/sidebar/Sidebar.styles.ts b/src/app/views/sidebar/Sidebar.styles.ts
index 334472f5d7..2989ef72d6 100644
--- a/src/app/views/sidebar/Sidebar.styles.ts
+++ b/src/app/views/sidebar/Sidebar.styles.ts
@@ -1,7 +1,4 @@
-import {
-  FontSizes, FontWeights,
-  ITheme
-} from '@fluentui/react';
+import { FontSizes, FontWeights, ITheme } from '@fluentui/react';
 
 export const sidebarStyles = (theme: ITheme) => {
   const pageHeightInVh = '60vh';
@@ -113,7 +110,8 @@ export const sidebarStyles = (theme: ITheme) => {
       fontSize: FontSizes.icon,
       textAlign: 'left',
       verticalAlign: 'center',
-      cursor: 'pointer'
+      cursor: 'pointer',
+      color: 'rgb(0, 120, 212)'
     },
     links: {
       color: `${theme.palette.blueMid} !important`
diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index 04b66efed2..e8a6a0335c 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -149,7 +149,7 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
               calloutProps={{ gapSpace: 0 }}
             >
               <Icon
-                iconName='NavigateExternalInline'
+                iconName='TextDocument'
                 onClick={() => this.onDocumentationLinkClicked(item)}
                 className={classes.docLink}
                 style={{

From ced71373cb6e9f0ad183ec1c260271c0d11dd3b4 Mon Sep 17 00:00:00 2001
From: Millicent Achieng <achieng.milli@gmail.com>
Date: Tue, 1 Feb 2022 00:08:45 +0300
Subject: [PATCH 2/2] Use theme color for documentation link icon

---
 src/app/views/sidebar/Sidebar.styles.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/sidebar/Sidebar.styles.ts b/src/app/views/sidebar/Sidebar.styles.ts
index 2989ef72d6..bec599525f 100644
--- a/src/app/views/sidebar/Sidebar.styles.ts
+++ b/src/app/views/sidebar/Sidebar.styles.ts
@@ -111,7 +111,7 @@ export const sidebarStyles = (theme: ITheme) => {
       textAlign: 'left',
       verticalAlign: 'center',
       cursor: 'pointer',
-      color: 'rgb(0, 120, 212)'
+      color: theme.palette.themePrimary
     },
     links: {
       color: `${theme.palette.blueMid} !important`