From df7901a779b8e9c8cc6439091ef24244ff4e7806 Mon Sep 17 00:00:00 2001
From: doryan04 <sagiev2015@yandex.ru>
Date: Thu, 1 Feb 2024 23:37:22 +0400
Subject: [PATCH] FIXED: Icon button with toggle

---
 .../icon-button/icon-button.tsx               | 25 ++++++++-----------
 .../text-field/text-field.tsx                 |  4 +--
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/primitive-components/icon-button/icon-button.tsx b/src/primitive-components/icon-button/icon-button.tsx
index 618f64f..bae5e25 100644
--- a/src/primitive-components/icon-button/icon-button.tsx
+++ b/src/primitive-components/icon-button/icon-button.tsx
@@ -44,21 +44,18 @@ export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
 
         const buttonRef = useRef<HTMLButtonElement>(null);
 
-        const callback = useCallback(
-            () => (event: MouseEventHandler<HTMLButtonElement>) => {
-                if (toggled) {
-                    if (toggleIcon.state === 'selected') {
-                        toggle('', toggled.unselected ?? 'add_circle');
-                    } else {
-                        toggle('selected', toggled.selected ?? 'add_circle');
-                    }
+        const callback = event => {
+            if (toggled) {
+                if (toggleIcon.state === 'selected') {
+                    toggle('', toggled.unselected ?? 'add_circle');
+                } else {
+                    toggle('selected', toggled.selected ?? 'add_circle');
                 }
-                if (props.onClick) {
-                    props.onClick.apply(null, event);
-                }
-            },
-            [toggleIcon],
-        );
+            }
+            if (props.onClick) {
+                props.onClick.apply(null, event);
+            }
+        };
 
         useImperativeHandle(ref, () => buttonRef.current);
 
diff --git a/src/primitive-components/text-field/text-field.tsx b/src/primitive-components/text-field/text-field.tsx
index 0a8551c..318517d 100644
--- a/src/primitive-components/text-field/text-field.tsx
+++ b/src/primitive-components/text-field/text-field.tsx
@@ -1,8 +1,8 @@
 'use client';
 
 import { bool, oneOf, string } from 'prop-types';
-import React, { FocusEvent, forwardRef, useState } from 'react';
 import { TextFieldInterface } from './text-field.types';
+import React, { FocusEvent, forwardRef, useState } from 'react';
 
 export const TextField = forwardRef<HTMLInputElement, TextFieldInterface>(
     (
@@ -43,7 +43,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldInterface>(
                 <div className={`m3 m3-text-field ${variant}`.trimEnd()}>
                     {variant === 'outlined' && (
                         <fieldset>
-                            <legend className={raised && 'raised'}>
+                            <legend className={raised ? 'raised' : ''}>
                                 <span>Label</span>
                             </legend>
                         </fieldset>