From 499977d0f08ae3e577408e61c6c387a4a978e847 Mon Sep 17 00:00:00 2001
From: kalil0321 <92564081+kalil0321@users.noreply.github.com>
Date: Wed, 31 Jul 2024 22:48:17 +0200
Subject: [PATCH] [MM-57521] Profile button on hover shouldn't be red (#27005)

* Remove profile__icon onHover style in status__dropdown.scss

* Remove profile__icon class in status__dropdown.tsx for AccountOutlineIcon

* Update status_dropdown snapshot test

* Remove trailing space in status_dropdown snapshot test for AccountOutlineIcon

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../__snapshots__/status_dropdown.test.tsx.snap          | 9 ---------
 .../src/components/status_dropdown/status_dropdown.scss  | 6 ------
 .../src/components/status_dropdown/status_dropdown.tsx   | 1 -
 3 files changed, 16 deletions(-)

diff --git a/webapp/channels/src/components/status_dropdown/__snapshots__/status_dropdown.test.tsx.snap b/webapp/channels/src/components/status_dropdown/__snapshots__/status_dropdown.test.tsx.snap
index c7bdf48da5..e4d793f5db 100644
--- a/webapp/channels/src/components/status_dropdown/__snapshots__/status_dropdown.test.tsx.snap
+++ b/webapp/channels/src/components/status_dropdown/__snapshots__/status_dropdown.test.tsx.snap
@@ -215,7 +215,6 @@ exports[`components/StatusDropdown should match snapshot in default state 1`] =
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -532,7 +531,6 @@ exports[`components/StatusDropdown should match snapshot with custom status and
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -812,7 +810,6 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -1092,7 +1089,6 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -1373,7 +1369,6 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -1629,7 +1624,6 @@ exports[`components/StatusDropdown should match snapshot with profile picture UR
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -1877,7 +1871,6 @@ exports[`components/StatusDropdown should match snapshot with status dropdown op
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -2157,7 +2150,6 @@ exports[`components/StatusDropdown should not show clear status button when cust
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
@@ -2474,7 +2466,6 @@ exports[`components/StatusDropdown should show clear status button when custom s
         }
         icon={
           <AccountOutlineIcon
-            className="profile__icon"
             color="rgba(var(--center-channel-color-rgb), 0.56)"
             size={16}
           />
diff --git a/webapp/channels/src/components/status_dropdown/status_dropdown.scss b/webapp/channels/src/components/status_dropdown/status_dropdown.scss
index a95f9281ee..ae3a080f82 100644
--- a/webapp/channels/src/components/status_dropdown/status_dropdown.scss
+++ b/webapp/channels/src/components/status_dropdown/status_dropdown.scss
@@ -1,9 +1,3 @@
-.profile__icon {
-    &:hover {
-        fill: rgba(255, 0, 0, 0.75);
-    }
-}
-
 .logout__icon {
     &:hover {
         fill: rgba(255, 0, 0, 0.75);
diff --git a/webapp/channels/src/components/status_dropdown/status_dropdown.tsx b/webapp/channels/src/components/status_dropdown/status_dropdown.tsx
index f78f7576bd..f3f406d888 100644
--- a/webapp/channels/src/components/status_dropdown/status_dropdown.tsx
+++ b/webapp/channels/src/components/status_dropdown/status_dropdown.tsx
@@ -662,7 +662,6 @@ export class StatusDropdown extends React.PureComponent<Props, State> {
                                 <AccountOutlineIcon
                                     size={16}
                                     color={'rgba(var(--center-channel-color-rgb), 0.56)'}
-                                    className={'profile__icon'}
                                 />
                             }
                         >