solution

[dseq0]

DEMO LINK

[IvanFesenko]

• Those buuton should be more centered
  

• Typo: should be 1 item left
  

[IvanFesenko]

Move condition into variable - it's hard readable

[IvanFesenko]

Better will do this way, instead of usign anonymous function

Suggested change

	}, [todos]);
	return (
	<footer className="todoapp__footer" data-cy="Footer">
	<span className="todo-count" data-cy="TodosCounter">
	{`${activeTodosCount} items left`}
	</span>
	<nav className="filter" data-cy="Filter">
	<a
	href="#/"
	className={classNames('filter__link', {
	selected: filterBy === Filter.All,
	})}
	data-cy="FilterLinkAll"
	onClick={() => setFilterBy(Filter.All)}
	>
	All
	</a>
	<a
	href="#/active"
	className={classNames('filter__link', {
	selected: filterBy === Filter.Active,
	})}
	data-cy="FilterLinkActive"
	onClick={() => setFilterBy(Filter.Active)}
	>
	Active
	</a>
	<a
	href="#/completed"
	className={classNames('filter__link', {
	selected: filterBy === Filter.Completed,
	})}
	data-cy="FilterLinkCompleted"
	onClick={() => setFilterBy(Filter.Completed)}
	>
	}, [todos]);
	const onFilterSelect = (fillter: Filter) => () => {
	setFilterBy(fillter);
	}
	return (
	<footer className="todoapp__footer" data-cy="Footer">
	<span className="todo-count" data-cy="TodosCounter">
	{`${activeTodosCount} items left`}
	</span>
	<nav className="filter" data-cy="Filter">
	<a
	href="#/"
	className={classNames('filter__link', {
	selected: filterBy === Filter.All,
	})}
	data-cy="FilterLinkAll"
	onClick={onFilterSelect(Filter.All)}
	>
	All
	</a>
	<a
	href="#/active"
	className={classNames('filter__link', {
	selected: filterBy === Filter.Active,
	})}
	data-cy="FilterLinkActive"
	onClick={onFilterSelect(Filter.Active)}
	>
	Active
	</a>
	<a
	href="#/completed"
	className={classNames('filter__link', {
	selected: filterBy === Filter.Completed,
	})}
	data-cy="FilterLinkCompleted"
	onClick={onFilterSelect(Filter.Completed)}
	>

[IvanFesenko]

move e.preventDefault(); into handleEditSubmit handler

Suggested change

	onSubmit={(e) => {
	e.preventDefault();
	handleEditSubmit();
	}}
	onSubmit={handleEditSubmit}

[VitaliyBondarenko1982]

Good job.

A lot of tests are failed.
Please try to fix them.
For example hide error message in 3 seconds.
In general tests describes what behavior they are expecting.