From 7c26349ccd09fd7ddfae6f83f2351dcd7cc8e947 Mon Sep 17 00:00:00 2001
From: Alfred See <adchuenhong@gmail.com>
Date: Fri, 28 Aug 2020 10:48:29 +1000
Subject: [PATCH] Update Tooltip icon

---
 .../Record/__snapshots__/Record.test.tsx.snap | 30 +++++++++----------
 .../TooltipPopover/TooltipPopover.tsx         |  2 +-
 .../TooltipPopover.test.tsx.snap              | 12 ++++----
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/domain/Formats/Record/__snapshots__/Record.test.tsx.snap b/src/domain/Formats/Record/__snapshots__/Record.test.tsx.snap
index 24c83e1da..6d08a5c53 100644
--- a/src/domain/Formats/Record/__snapshots__/Record.test.tsx.snap
+++ b/src/domain/Formats/Record/__snapshots__/Record.test.tsx.snap
@@ -1618,7 +1618,7 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
   font-stretch: normal;
   --fa-primary-color: #2512B3;
   --fa-secondary-color: #2512B3;
-  color: #424F5C;
+  color: #C5CED6;
 }
 
 .c3.icon {
@@ -1868,25 +1868,25 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
                         role="button"
                       >
                         <FontAwesomeIcon
-                          color="#424F5C"
-                          icon="question-circle"
-                          type="regular"
+                          color="#C5CED6"
+                          icon="info-circle"
+                          type="solid"
                         >
                           <Icon
-                            color="#424F5C"
-                            icon="far fa-question-circle"
+                            color="#C5CED6"
+                            icon="fas fa-info-circle"
                           >
                             <styled.i
                               aria-hidden={true}
-                              className="icon far fa-question-circle"
-                              color="#424F5C"
+                              className="icon fas fa-info-circle"
+                              color="#C5CED6"
                               data-component-type="icon"
                               size="medium"
                             >
                               <StyledComponent
                                 aria-hidden={true}
-                                className="icon far fa-question-circle"
-                                color="#424F5C"
+                                className="icon fas fa-info-circle"
+                                color="#C5CED6"
                                 data-component-type="icon"
                                 forwardedComponent={
                                   Object {
@@ -1964,8 +1964,8 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
                               >
                                 <i
                                   aria-hidden={true}
-                                  className="c3 icon far fa-question-circle"
-                                  color="#424F5C"
+                                  className="c3 icon fas fa-info-circle"
+                                  color="#C5CED6"
                                   data-component-type="icon"
                                   size="medium"
                                 />
@@ -1989,7 +1989,7 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
   font-stretch: normal;
   --fa-primary-color: #2512B3;
   --fa-secondary-color: #2512B3;
-  color: #424F5C;
+  color: #C5CED6;
 }
 
 .c0.icon {
@@ -2005,8 +2005,8 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
                       >
                         <i
                           aria-hidden="true"
-                          class="c0 icon far fa-question-circle"
-                          color="#424F5C"
+                          class="c0 icon fas fa-info-circle"
+                          color="#C5CED6"
                           data-component-type="icon"
                         />
                       </span>,
diff --git a/src/domain/Popovers/TooltipPopover/TooltipPopover.tsx b/src/domain/Popovers/TooltipPopover/TooltipPopover.tsx
index 61da94724..4125f158c 100644
--- a/src/domain/Popovers/TooltipPopover/TooltipPopover.tsx
+++ b/src/domain/Popovers/TooltipPopover/TooltipPopover.tsx
@@ -66,7 +66,7 @@ class TooltipPopover extends React.Component<ITooltipPopoverProps, ITooltipPopov
         ref={toggleComponentRef}
         {...ariaProps}
       >
-        <FontAwesomeIcon type='regular' icon='question-circle' color={Variables.Color.n700} />
+        <FontAwesomeIcon type='solid' icon='info-circle' color={Variables.Color.n400} />
       </span>
     )
   }
diff --git a/src/domain/Popovers/TooltipPopover/__snapshots__/TooltipPopover.test.tsx.snap b/src/domain/Popovers/TooltipPopover/__snapshots__/TooltipPopover.test.tsx.snap
index 0635d9275..26223ac52 100644
--- a/src/domain/Popovers/TooltipPopover/__snapshots__/TooltipPopover.test.tsx.snap
+++ b/src/domain/Popovers/TooltipPopover/__snapshots__/TooltipPopover.test.tsx.snap
@@ -46,9 +46,9 @@ exports[`<TooltipPopover /> Simple popover behaviour should match the snapshot 1
       role="button"
     >
       <Memo(FontAwesomeIcon)
-        color="#424F5C"
-        icon="question-circle"
-        type="regular"
+        color="#C5CED6"
+        icon="info-circle"
+        type="solid"
       />
     </span>
   </styled.span>
@@ -85,9 +85,9 @@ exports[`<TooltipPopover /> dark style popover behaviour should match the snapsh
       role="button"
     >
       <Memo(FontAwesomeIcon)
-        color="#424F5C"
-        icon="question-circle"
-        type="regular"
+        color="#C5CED6"
+        icon="info-circle"
+        type="solid"
       />
     </span>
   </styled.span>