From f9721bfbf7a5afaa082ec4b2493c17371491041a Mon Sep 17 00:00:00 2001
From: Vasil Liakhivskyi <vazilx@gmail.com>
Date: Mon, 22 Jan 2024 20:56:32 +0100
Subject: [PATCH] uppdate

---
 src/components/TextField/TextField.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/TextField/TextField.tsx b/src/components/TextField/TextField.tsx
index d9265e59f..4cca84656 100644
--- a/src/components/TextField/TextField.tsx
+++ b/src/components/TextField/TextField.tsx
@@ -30,7 +30,7 @@ export const TextField: React.FC<Props> = ({
   const [id] = useState(() => `${name}-${getRandomDigits()}`);
 
   // To show errors only if the field was touched (onBlur)
-  const [errorMaseg, setErrorMaseg] = useState('');
+  const [errorMasege, setErrorMaseg] = useState('');
 
   // eslint-disable-next-line
   const pattern = /^((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www\.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@,.\w_]*)#?(?:[,.!/\\\w]*))?)$/;
@@ -67,7 +67,7 @@ export const TextField: React.FC<Props> = ({
           id={id}
           data-cy={`movie-${name}`}
           className={classNames('input', {
-            'is-danger': errorMaseg,
+            'is-danger': errorMasege,
           })}
           placeholder={placeholder}
           value={value}
@@ -77,8 +77,8 @@ export const TextField: React.FC<Props> = ({
         />
       </div>
 
-      {errorMaseg && (
-        <p className="help is-danger">{errorMaseg}</p>
+      {errorMasege && (
+        <p className="help is-danger">{errorMasege}</p>
       )}
     </div>
   );