From 7071d5282f962b4858f942f6402ca910b45fac5e Mon Sep 17 00:00:00 2001
From: Alona Loik <crazybeelviv@gmail.com>
Date: Tue, 4 Feb 2025 13:06:44 -0500
Subject: [PATCH] fixed

---
 src/components/TodoFilter/TodoFilter.tsx |  2 +-
 src/components/TodoModal/TodoModal.tsx   | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/TodoFilter/TodoFilter.tsx b/src/components/TodoFilter/TodoFilter.tsx
index 16806d095..c2c082e97 100644
--- a/src/components/TodoFilter/TodoFilter.tsx
+++ b/src/components/TodoFilter/TodoFilter.tsx
@@ -44,7 +44,7 @@ export const TodoFilter: React.FC<Props> = ({
 
       <span className="icon is-right" style={{ pointerEvents: 'all' }}>
         {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
-        {query.length && (
+        {query.length > 0 && (
           <button
             data-cy="clearSearchButton"
             type="button"
diff --git a/src/components/TodoModal/TodoModal.tsx b/src/components/TodoModal/TodoModal.tsx
index 7d39fbc08..5d9e78b5b 100644
--- a/src/components/TodoModal/TodoModal.tsx
+++ b/src/components/TodoModal/TodoModal.tsx
@@ -9,8 +9,15 @@ type Props = {
   closeModal: () => void;
 };
 
+const defaultUser: User = {
+  id: 0,
+  name: '',
+  email: '',
+  phone: '',
+};
+
 export const TodoModal: React.FC<Props> = ({ todo, closeModal }) => {
-  const [user, setUser] = useState({} as User);
+  const [user, setUser] = useState(defaultUser as User);
   const [loading, setLoading] = useState(false);
 
   useEffect(() => {
@@ -65,7 +72,7 @@ export const TodoModal: React.FC<Props> = ({ todo, closeModal }) => {
 
               {' by '}
 
-              <a href="mailto:Sincere@april.biz">{user.name}</a>
+              <a href={`mailto:${user.email}`}>{user.name}</a>
             </p>
           </div>
         </div>