diff --git a/src/components/TodoList/TodoList.tsx b/src/components/TodoList/TodoList.tsx index bfbd92d7f..f136ade12 100644 --- a/src/components/TodoList/TodoList.tsx +++ b/src/components/TodoList/TodoList.tsx @@ -3,6 +3,7 @@ import { useAppSelector } from '../../app/hooks'; import classNames from 'classnames'; import { useDispatch } from 'react-redux'; import { setCurrentTodo } from '../../features/currentTodo'; +import { Status } from '../../types/Status'; export const TodoList: React.FC = () => { const todos = useAppSelector(state => state.todos); @@ -13,11 +14,11 @@ export const TodoList: React.FC = () => { const filteredTodos = todos .filter(todo => { - if (status === 'completed') { + if (status === Status.Completed) { return todo.completed; } - if (status === 'active') { + if (status === Status.Active) { return !todo.completed; } diff --git a/src/types/Status.ts b/src/types/Status.ts index 6eb05b9b2..2ec4b8714 100644 --- a/src/types/Status.ts +++ b/src/types/Status.ts @@ -1 +1,5 @@ -export type Status = 'all' | 'active' | 'completed'; +export enum Status { + All = 'all', + Active = 'active', + Completed = 'completed', +}