From a375af593903dbf3c1684e8eca613b5cd893c684 Mon Sep 17 00:00:00 2001
From: Iukou Siarhei <45054016+BlazarQSO@users.noreply.github.com>
Date: Mon, 25 Nov 2024 14:35:45 +0300
Subject: [PATCH] Fix/epmrpp 97156 search field does not open (#56)

* EPMRPP-97156 || Search field does not open upon clicking the left side of the loupe icon

* EPMRPP-97156 || remove extra line

* EPMRPP-97156 || fix icons style
---
 src/components/fieldText/fieldText.module.scss | 1 +
 src/components/fieldText/fieldText.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/fieldText/fieldText.module.scss b/src/components/fieldText/fieldText.module.scss
index c0cba26..434a8cb 100644
--- a/src/components/fieldText/fieldText.module.scss
+++ b/src/components/fieldText/fieldText.module.scss
@@ -170,6 +170,7 @@
   height: 16px;
 }
 
+.start-icon,
 .clear-icon {
   @extend .icon;
 
diff --git a/src/components/fieldText/fieldText.tsx b/src/components/fieldText/fieldText.tsx
index 9f30292..9d4e690 100644
--- a/src/components/fieldText/fieldText.tsx
+++ b/src/components/fieldText/fieldText.tsx
@@ -125,7 +125,7 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
                   input.current?.focus();
                 }}
               >
-                <span className={cx('icon')}>{startIcon}</span>
+                <span className={cx('icon', { 'start-icon': !focused })}>{startIcon}</span>
               </span>
             )
           )}