Merge pull request #337 from nginformatica/fix/help-icon-color

fix: help icon color
nginformatica · Jan 9, 2024 · 9609663 · 9609663
2 parents 7e5261b + 3586e1d
commit 9609663
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.9",
+  "version": "0.30.10",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",

diff --git a/src/core/inputs/text-field/index.tsx b/src/core/inputs/text-field/index.tsx
@@ -19,6 +19,9 @@ import { Clear, Help as ContactSupportIcon, Edit, Save } from '../../../icons'
 import IconButton from '../icon-button'
 import styled from 'styled-components'
 import { when, is, pipe, split, map, zipObj, reject, propEq } from 'ramda'
+import { theme } from '@/theme'
+
+const { primary } = theme.colors
 
 export interface IOption {
     label: string
@@ -159,10 +162,13 @@ export const toLispCase = (name: string) =>
 export const HelperBox = (props: IHelperProps) => (
     <Helper role='helper-box'>
         <IconButton padding='6px 2px' onClick={props.onHelperClick}>
-            {props.helperIcon || <ContactSupportIcon color='primary' />}
+            {props.helperIcon || (
+                <ContactSupportIcon htmlColor={primary.main} />
+            )}
         </IconButton>
     </Helper>
 )
+
 /* Jest-ignore-start ignore next */
 export const renderOptions = (
     options: TextFieldProps['options'],