From 6c674c7331afde0af96fb96e30aca9280762f980 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Thu, 9 May 2024 12:47:45 -0700
Subject: [PATCH] MM-57548 - Fixing announcement banner icon (#26921)

* MM-57548 - Fixing announcement banner icon

https://mattermost.atlassian.net/browse/MM-57548

* removing alert icon
---
 .../text_dismissable_bar.test.tsx.snap        | 25 ++++++++-----------
 .../announcement_bar/text_dismissable_bar.tsx |  7 +-----
 .../sass/components/_announcement-bar.scss    |  1 -
 3 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/webapp/channels/src/components/announcement_bar/__snapshots__/text_dismissable_bar.test.tsx.snap b/webapp/channels/src/components/announcement_bar/__snapshots__/text_dismissable_bar.test.tsx.snap
index 341340d380..2afa084b99 100644
--- a/webapp/channels/src/components/announcement_bar/__snapshots__/text_dismissable_bar.test.tsx.snap
+++ b/webapp/channels/src/components/announcement_bar/__snapshots__/text_dismissable_bar.test.tsx.snap
@@ -6,9 +6,8 @@ exports[`components/TextDismissableBar should match snapshot 1`] = `
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
-        className="advisor-icon"
-        src={null}
+      <i
+        className="icon-information-outline"
       />
       <Memo(Connect(Markdown))
         message="sample text"
@@ -32,9 +31,8 @@ exports[`components/TextDismissableBar should match snapshot, with an internal a
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
-        className="advisor-icon"
-        src={null}
+      <i
+        className="icon-information-outline"
       />
       <Memo(Connect(Markdown))
         message="A [link](http://testurl.com/admin_console/) with an internal url and a [link](http://other-url.com/admin_console/) with an external url"
@@ -59,9 +57,8 @@ exports[`components/TextDismissableBar should match snapshot, with an internal u
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
-        className="advisor-icon"
-        src={null}
+      <i
+        className="icon-information-outline"
       />
       <Memo(Connect(Markdown))
         message="A [link](http://testurl.com/admin_console/) with an internal url"
@@ -86,9 +83,8 @@ exports[`components/TextDismissableBar should match snapshot, with ean external
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
-        className="advisor-icon"
-        src={null}
+      <i
+        className="icon-information-outline"
       />
       <Memo(Connect(Markdown))
         message="A [link](http://otherurl.com/admin_console/) with an external url"
@@ -113,9 +109,8 @@ exports[`components/TextDismissableBar should match snapshot, with link but with
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
-        className="advisor-icon"
-        src={null}
+      <i
+        className="icon-information-outline"
       />
       <Memo(Connect(Markdown))
         message="A [link](http://testurl.com/admin_console/)"
diff --git a/webapp/channels/src/components/announcement_bar/text_dismissable_bar.tsx b/webapp/channels/src/components/announcement_bar/text_dismissable_bar.tsx
index 832421a6ec..50443b2d31 100644
--- a/webapp/channels/src/components/announcement_bar/text_dismissable_bar.tsx
+++ b/webapp/channels/src/components/announcement_bar/text_dismissable_bar.tsx
@@ -7,8 +7,6 @@ import {trackEvent} from 'actions/telemetry_actions.jsx';
 
 import Markdown from 'components/markdown';
 
-import alertIcon from 'images/icons/round-white-info-icon.svg';
-
 import AnnouncementBar from './default_announcement_bar';
 
 const localStoragePrefix = '__announcement__';
@@ -68,10 +66,7 @@ export default class TextDismissableBar extends React.PureComponent<Props, State
                 handleClose={this.handleDismiss}
                 message={
                     <>
-                        <img
-                            className='advisor-icon'
-                            src={alertIcon}
-                        />
+                        <i className='icon-information-outline'/>
                         {typeof text === 'string' ? (
                             <Markdown
                                 message={text}
diff --git a/webapp/channels/src/sass/components/_announcement-bar.scss b/webapp/channels/src/sass/components/_announcement-bar.scss
index 1861b070b8..a277c354c8 100644
--- a/webapp/channels/src/sass/components/_announcement-bar.scss
+++ b/webapp/channels/src/sass/components/_announcement-bar.scss
@@ -91,7 +91,6 @@
     .content__icon,
     i {
         margin-right: 4px;
-        color: #fff;
         font-family: 'compass-icons';
         font-size: 16px;
     }