add task solution

mate-academy · Jan 29, 2025 · bb7f57c · bb7f57c
1 parent 77aa7a4
commit bb7f57c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git a/src/components/TodoFilter/TodoFilter.tsx b/src/components/TodoFilter/TodoFilter.tsx
@@ -43,15 +43,17 @@ export const TodoFilter: React.FC<TodoFilterProps> = ({
         <i className="fas fa-magnifying-glass" />
       </span>
 
-      <span className="icon is-right" style={{ pointerEvents: 'all' }}>
-        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
-        <button
-          data-cy="clearSearchButton"
-          type="button"
-          className="delete"
-          onClick={() => onQueryChange('')}
-        />
-      </span>
+      {query !== '' && (
+        <span className="icon is-right" style={{ pointerEvents: 'all' }}>
+          {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
+          <button
+            data-cy="clearSearchButton"
+            type="button"
+            className="delete"
+            onClick={() => onQueryChange('')}
+          />
+        </span>
+      )}
     </p>
   </form>
 );
diff --git a/src/components/TodoList/TodoList.tsx b/src/components/TodoList/TodoList.tsx
@@ -45,7 +45,10 @@ export const TodoList: React.FC<Props> = ({
               <td className="is-vcentered">{todo.id}</td>
               <td className="is-vcentered">
                 {todo.completed ? (
-                  <span className="icon has-text-success">
+                  <span
+                    className="icon has-text-success"
+                    data-cy="iconCompleted"
+                  >
                     <i className="fas fa-check" />
                   </span>
                 ) : (

diff --git a/src/components/TodoModal/TodoModal.tsx b/src/components/TodoModal/TodoModal.tsx
@@ -65,7 +65,7 @@ export const TodoModal: React.FC<TodoModalProps> = ({ todo, onClose }) => {
                 <a href={`mailto:${user.email}`} data-cy="modal-user-email">
                   {user.name}
                 </a>
-              )}{' '}
+              )}
             </p>
           </div>
         </div>
-Original file line number
+Diff line change
@@ Expand Up @@
                     <a href={`mailto:${user.email}`} data-cy="modal-user-email">
                       {user.name}
                     </a>
-                  )}{' '}
+                  )}
                 </p>
               </div>
             </div>
@@ Expand Down @@