Add a listener for "post added" toasts

# Conflicts:
#	src/features/posts/postsSlice.ts

# Conflicts:
#	src/features/posts/postsSlice.ts

# Conflicts:
#	src/features/posts/postsSlice.ts

Author: markerikson

src/app/listenerMiddleware.ts

@@ -1,10 +1,14 @@
 import { createListenerMiddleware, addListener } from '@reduxjs/toolkit'
 import type { RootState, AppDispatch } from './store'
 
+import { addPostsListeners } from '@/features/posts/postsSlice'
+
 export const listenerMiddleware = createListenerMiddleware()
 
 export const startAppListening = listenerMiddleware.startListening.withTypes<RootState, AppDispatch>()
 export type AppStartListening = typeof startAppListening
 
 export const addAppListener = addListener.withTypes<RootState, AppDispatch>()
 export type AppAddListener = typeof addAppListener
+
+addPostsListeners(startAppListening)

src/features/posts/postsSlice.ts

@@ -2,6 +2,7 @@ import { createEntityAdapter, createSelector, createSlice, EntityState, PayloadA
 import { client } from '@/api/client'
 
 import type { RootState } from '@/app/store'
+import { AppStartListening } from '@/app/listenerMiddleware'
 import { createAppAsyncThunk } from '@/app/withTypes'
 
 import { logout } from '@/features/auth/authSlice'
@@ -116,5 +117,24 @@ export const selectPostsByUser = createSelector(
   [selectAllPosts, (state: RootState, userId: string) => userId],
   (posts, userId) => posts.filter((post) => post.user === userId),
 )
+
 export const selectPostsStatus = (state: RootState) => state.posts.status
 export const selectPostsError = (state: RootState) => state.posts.error
+
+export const addPostsListeners = (startAppListening: AppStartListening) => {
+  startAppListening({
+    actionCreator: addNewPost.fulfilled,
+    effect: async (action, listenerApi) => {
+      const { toast } = await import('react-tiny-toast')
+
+      const toastId = toast.show('New post added!', {
+        variant: 'success',
+        position: 'bottom-right',
+        pause: true,
+      })
+
+      await listenerApi.delay(5000)
+      toast.remove(toastId)
+    },
+  })
+}