small fixes

mate-academy · Sep 24, 2024 · b4b2052 · b4b2052
1 parent f1e3aaf
commit b4b2052
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/TodoFilter/TodoFilter.tsx b/src/components/TodoFilter/TodoFilter.tsx
@@ -16,6 +16,10 @@ export const TodoFilter: React.FC = () => {
  dispatch(setQuery(value.target.value));
  };
 
+ const resetQuery = () => {
+ dispatch(setQuery(''));
+ };
+
  return (
  <form className="field has-addons">
  <p className="control">
@@ -48,7 +52,7 @@ export const TodoFilter: React.FC = () => {
  data-cy="clearSearchButton"
  type="button"
  className="delete"
- onClick={() => dispatch(setQuery(''))}
+ onClick={resetQuery}
  />
  </span>
  )}

diff --git a/src/components/TodoList/TodoList.tsx b/src/components/TodoList/TodoList.tsx
@@ -69,6 +69,7 @@ export const TodoList: React.FC = () => {
  <tbody>
  {visibleTodos.map(todo => (
  <tr
+ key={todo.id}
  data-cy="todo"
  className={classNames('', {
  'has-background-info-light': todo.id === currentTodo?.id,