flexor-web/src/reducers/notifications.ts

import { Reducer } from 'redux'

import { NotificationActions } from '../actions/notifications'
import { NotificationsState } from '../types'

const initialState: NotificationsState = []

const reducer: Reducer<NotificationsState, NotificationActions> = (state = initialState, action) => {
    switch (action.type) {
        case 'NOTIFICATIONS_ADD_NOTIFICATION':
            const { id, type, content } = action.payload

            return [
                ...state,
                {
                    id,
                    type,
                    content,
                    auto: true,
                },
            ]
        case 'NOTIFICATIONS_REMOVE_NOTIFICATION':
            return state.filter(notification => notification.id !== action.payload)
        case 'NOTIFICATIONS_CLEAR_NOTIFICATION':
            return state.filter(notification => {
                if (notification.id === action.payload) return !notification.auto
                return true
            })
        case 'NOTIFICATIONS_SET_AUTO':
            return state.map(notification => {
                if (notification.id === action.payload) {
                    return {
                        ...notification,
                        auto: false,
                    }
                }

                return notification
            })
        default:
            return state
    }
}

export default reducer