selectors.ts

import { State } from './reducer'
import { createSelector } from 'reselect'
import { NOTIFICATIONS_PAGE_SIZE } from './constants'

const notifications = (state: any): State => state.notifications
export const notificationsList = createSelector(
    notifications,
    state => state.notificationsList,
)
export const readNotificationList = createSelector(notificationsList, notifs =>
    notifs.filter(notif => notif.isRead === true),
)
export const unreadNotificationList = createSelector(
    notificationsList,
    notifs => notifs.filter(notif => !notif.isRead),
)

export const showMoreIndex = createSelector(
    notifications,
    state => state.showMoreIndex,
)
export const currentPage = createSelector(
    notifications,
    state => state.currentPage,
)

export const notificationsSkip = createSelector(
    currentPage,
    page => page * NOTIFICATIONS_PAGE_SIZE,
)
export const isLoading = createSelector(notifications, state => state.isLoading)
export const resultsExhausted = createSelector(
    notifications,
    state => state.resultExhausted,
)
export const needsWaypoint = createSelector(
    resultsExhausted,
    isLoading,
    (isExhausted, loading) => !loading && !isExhausted,
)
export const isReadExpanded = createSelector(
    notifications,
    state => state.isReadExpanded,
)
export const isReadShow = createSelector(
    readNotificationList,
    isReadExpanded,
    (notifs, readExpand) => readExpand && notifs.length !== 0,
)
export const showInbox = createSelector(notifications, state => state.showInbox)
export const initUnreadNotifCount = createSelector(
    notifications,
    state => state.unreadNotifCount,
)
export const unreadNotifCount = createSelector(
    notificationsList,
    unreadNotificationList,
    initUnreadNotifCount,
    (totalNotifs, notifs, countUnread) =>
        totalNotifs.length || notifs.length ? notifs.length : countUnread,
)
export const localStorageNotif = createSelector(
    notifications,
    state => state.localStorageNotif,
)
export const showUnreadCount = createSelector(
    unreadNotifCount,
    count => count !== 0,
)
export const isLoadingBar = createSelector(
    notificationsList,
    unreadNotificationList,
    (totalNotifs, notifs) => !(totalNotifs.length || notifs.length),
)