add task solution

src/app/store.ts

@@ -1,13 +1,15 @@
-import { combineSlices, configureStore } from '@reduxjs/toolkit';
-import { todosSlice } from '../features/todos';
-import { filterSlice } from '../features/filter';
-import { currentTodoSlice } from '../features/currentTodo';
-
-const rootReducer = combineSlices(todosSlice, filterSlice, currentTodoSlice);
+import { configureStore } from '@reduxjs/toolkit';
+import todosReducer from '../features/todos';
+import currentTodoReducer from '../features/currentTodo';
+import filterReducer from '../features/filter';
 
 export const store = configureStore({
- reducer: rootReducer,
+ reducer: {
+ todos: todosReducer,
+ currentTodo: currentTodoReducer,
+ filter: filterReducer,
+ },
 });
 
-export type RootState = ReturnType<typeof rootReducer>;
+export type RootState = ReturnType<typeof store.getState>;
 export type AppDispatch = typeof store.dispatch;

src/components/TodoList/TodoList.tsx

@@ -27,7 +27,7 @@ export const TodoList: React.FC = () => {
 
  return (
  <>
- {todos ? (
+ {todos.length > 0 ? (
  <table className="table is-narrow is-fullwidth">
  <thead>
  <tr>

src/components/TodoModal/TodoModal.tsx

@@ -56,7 +56,7 @@ export const TodoModal: React.FC = () => {
  <strong className="has-text-danger">Planned</strong>
  )}
  {' by '}
- <a href={`mailto:${user?.email}}`}>{user?.name}</a>
+ <a href={`mailto:${user?.email}`}>{user?.name}</a>
  </p>
  </div>
  </div>

src/features/filter.ts

@@ -8,7 +8,7 @@ type Filter = {
 
 const initialState: Filter = {
  query: '',
- status: 'all',
+ status: Status.all,
 };
 
 export const filterSlice = createSlice({