From cb18c2ade88154ebfedc459a30cafad5edb50726 Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Tue, 21 Nov 2023 15:21:29 +0800
Subject: [PATCH] fix(console): default button icon should use secondary color
 (#4924)

---
 .../console/src/ds-components/Button/index.module.scss   | 4 ++++
 .../pages/Organizations/TemplateTable/index.module.scss  | 3 ---
 .../src/pages/Organizations/TemplateTable/index.tsx      | 9 ++-------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/packages/console/src/ds-components/Button/index.module.scss b/packages/console/src/ds-components/Button/index.module.scss
index 08e6ebea6..87dc6aef2 100644
--- a/packages/console/src/ds-components/Button/index.module.scss
+++ b/packages/console/src/ds-components/Button/index.module.scss
@@ -93,6 +93,10 @@
     border-width: 1px;
     border-style: solid;
 
+    .icon {
+      color: var(--color-text-secondary);
+    }
+
     &:disabled {
       border-color: var(--color-border);
       color: var(--color-neutral-70);
diff --git a/packages/console/src/pages/Organizations/TemplateTable/index.module.scss b/packages/console/src/pages/Organizations/TemplateTable/index.module.scss
index ae2724f5c..76d0eb5ea 100644
--- a/packages/console/src/pages/Organizations/TemplateTable/index.module.scss
+++ b/packages/console/src/pages/Organizations/TemplateTable/index.module.scss
@@ -13,9 +13,6 @@
 
 .empty {
   font: var(--font-body-2);
-}
-
-.secondary {
   color: var(--color-text-secondary);
 }
 
diff --git a/packages/console/src/pages/Organizations/TemplateTable/index.tsx b/packages/console/src/pages/Organizations/TemplateTable/index.tsx
index 89c6b0902..a8a863a3d 100644
--- a/packages/console/src/pages/Organizations/TemplateTable/index.tsx
+++ b/packages/console/src/pages/Organizations/TemplateTable/index.tsx
@@ -97,16 +97,11 @@ function TemplateTable<
       {onAdd && !hasData && (
         <>
           {name && (
-            <div className={classNames(styles.empty, styles.secondary)}>
+            <div className={classNames(styles.empty)}>
               {t('organizations.empty_placeholder', { entity: String(t(name)).toLowerCase() })}
             </div>
           )}
-          <Button
-            className={styles.secondary}
-            icon={<Plus />}
-            title="general.add"
-            onClick={onAdd}
-          />
+          <Button icon={<Plus />} title="general.add" onClick={onAdd} />
         </>
       )}
     </section>