chore: refactor todolists reducer to export selectors

src/features/TodolistsList/TodolistsList.tsx

@@ -8,7 +8,7 @@ import {
   fetchTodolistsTC,
   FilterValues,
   removeTodolistTC,
-  TodolistDomain,
+  selectTodolists,
 } from './todolists-reducer'
 import {
   addTaskTC,
@@ -29,9 +29,7 @@ type Props = {
 }
 
 export const TodolistsList: React.FC<Props> = ({ demo = false }) => {
-  const todolists = useSelector<AppRootState, Array<TodolistDomain>>(
+  const todolists = useSelector(selectTodolists)
-    (state) => state.todolists
-  )
   const tasks = useSelector<AppRootState, TasksState>((state) => state.tasks)
   const isLoggedIn = useSelector(selectIsLoggedIn)
 

src/features/TodolistsList/todolists-reducer.ts

@@ -61,6 +61,9 @@ export const todolistsSlice = createSlice({
       }))
     },
   },
+  selectors: {
+    selectTodolists: (state) => state,
+  },
 })
 
 export const {
@@ -72,6 +75,8 @@ export const {
   setTodolists,
 } = todolistsSlice.actions
 
+export const { selectTodolists } = todolistsSlice.selectors
+
 export const fetchTodolistsTC = (): AppThunk => {
   return (dispatch) => {
     dispatch(setAppStatus('loading'))