From c6a644eb0fc8107288de69be4f908d49a1472da0 Mon Sep 17 00:00:00 2001
From: "marc.sirisak" <marc.sirisak@beta.gouv.fr>
Date: Thu, 26 Sep 2024 17:19:32 +0200
Subject: [PATCH] fix(icon): use new compound icon for help in leftpanel

---
 res/css/common/_TchapLeftPanel.pcss            | 2 ++
 src/tchap/components/views/common/QuickFaq.tsx | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/res/css/common/_TchapLeftPanel.pcss b/res/css/common/_TchapLeftPanel.pcss
index 91ca40073f..19fdc011b1 100644
--- a/res/css/common/_TchapLeftPanel.pcss
+++ b/res/css/common/_TchapLeftPanel.pcss
@@ -14,7 +14,9 @@
 
 .tc_sidebar_quick_faq {
     color: var(--sidebar-button-color); 
+    
     &::before {
+        mask-image: url("@vector-im/compound-design-tokens/icons/help-solid.svg") !important;
         background: var(--sidebar-button-color);
     }
 }
\ No newline at end of file
diff --git a/src/tchap/components/views/common/QuickFaq.tsx b/src/tchap/components/views/common/QuickFaq.tsx
index 2c962c3c33..cd1b783f9d 100644
--- a/src/tchap/components/views/common/QuickFaq.tsx
+++ b/src/tchap/components/views/common/QuickFaq.tsx
@@ -54,7 +54,7 @@ const QuickFaqButton: React.FC<{
     return (
         <>
             <AccessibleButton
-                className={classNames(["mx_QuickSettingsButton", { expanded: !isPanelCollapsed }, "mx_UserSettingsDialog_helpIcon", "tc_sidebar_quick_faq"])}
+                className={classNames(["mx_QuickSettingsButton", { expanded: !isPanelCollapsed }, "tc_sidebar_quick_faq"])}
                 onClick={openMenu}
                 aria-label={_t("common|help")}
                 title={isPanelCollapsed ? _t("common|help") : undefined}