From bc25e740f2e200a8bc0140e597d83441c729c742 Mon Sep 17 00:00:00 2001
From: andres <andres99.dev@gmail.com>
Date: Sat, 17 Aug 2024 20:33:33 +0200
Subject: [PATCH] chore: refactor tasks reducer to export selectors

---
 src/features/TodolistsList/TodolistsList.tsx | 4 ++--
 src/features/TodolistsList/tasks-reducer.ts  | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/features/TodolistsList/TodolistsList.tsx b/src/features/TodolistsList/TodolistsList.tsx
index 9b90e30..986bf84 100644
--- a/src/features/TodolistsList/TodolistsList.tsx
+++ b/src/features/TodolistsList/TodolistsList.tsx
@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect } from 'react'
 import { useSelector } from 'react-redux'
-import { AppRootState } from 'app/store'
 import {
   addTodolistTC,
   changeTodolistFilter,
@@ -13,6 +12,7 @@ import {
 import {
   addTaskTC,
   removeTaskTC,
+  selectTasks,
   TasksState,
   updateTaskTC,
 } from './tasks-reducer'
@@ -30,7 +30,7 @@ type Props = {
 
 export const TodolistsList: React.FC<Props> = ({ demo = false }) => {
   const todolists = useSelector(selectTodolists)
-  const tasks = useSelector<AppRootState, TasksState>((state) => state.tasks)
+  const tasks = useSelector(selectTasks)
   const isLoggedIn = useSelector(selectIsLoggedIn)
 
   const dispatch = useAppDispatch()
diff --git a/src/features/TodolistsList/tasks-reducer.ts b/src/features/TodolistsList/tasks-reducer.ts
index d50da14..6777cf3 100644
--- a/src/features/TodolistsList/tasks-reducer.ts
+++ b/src/features/TodolistsList/tasks-reducer.ts
@@ -90,10 +90,13 @@ export const tasksSlice = createSlice({
         })
       })
   },
+  selectors: {
+    selectTasks: (state) => state,
+  },
 })
 
 export const { removeTask, setTasks, updateTask, addTask } = tasksSlice.actions
-
+export const { selectTasks } = tasksSlice.selectors
 export const fetchTasksTC =
   (todolistId: string): AppThunk =>
   (dispatch) => {