From 5e8006564b7c8df6f1f774bf377276949c4e193c Mon Sep 17 00:00:00 2001
From: Vlad Furman <Blowlyge@gmail.com>
Date: Wed, 14 Aug 2024 15:12:35 +0300
Subject: [PATCH] fix: used colorText

---
 src/components/Reactions/Reactions.scss | 4 ----
 src/components/Reactions/Reactions.tsx  | 3 ++-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Reactions/Reactions.scss b/src/components/Reactions/Reactions.scss
index 105f1c6..5a0c3e6 100644
--- a/src/components/Reactions/Reactions.scss
+++ b/src/components/Reactions/Reactions.scss
@@ -3,10 +3,6 @@
 $block: '.#{variables.$ns}reactions';
 
 #{$block} {
-    &__add-reaction-button-content {
-        color: var(--g-color-text-secondary);
-    }
-
     &__popup {
         padding: 8px;
     }
diff --git a/src/components/Reactions/Reactions.tsx b/src/components/Reactions/Reactions.tsx
index 9a2fc2f..ebb249f 100644
--- a/src/components/Reactions/Reactions.tsx
+++ b/src/components/Reactions/Reactions.tsx
@@ -11,6 +11,7 @@ import {
     PaletteProps,
     Popover,
     QAProps,
+    colorText,
 } from '@gravity-ui/uikit';
 import xor from 'lodash/xor';
 
@@ -162,7 +163,7 @@ export function Reactions({
                             extraProps={{'aria-label': i18n('add-reaction')}}
                             view="flat"
                         >
-                            <span className={b('add-reaction-button-content')}>
+                            <span className={colorText({color: 'secondary'})}>
                                 <Button.Icon>
                                     <Icon data={FaceSmile} size={buttonSizeToIconSize[size]} />
                                 </Button.Icon>