Ocelot-Social/webapp/store/notifications.js

import gql from 'graphql-tag'

export const state = () => {
  return {
    notifications: null,
    pending: false,
  }
}

export const mutations = {
  SET_NOTIFICATIONS(state, notifications) {
    state.notifications = notifications
  },
  SET_PENDING(state, pending) {
    state.pending = pending
  },
  UPDATE_NOTIFICATIONS(state, notification) {
    const notifications = state.notifications
    const toBeUpdated = notifications.find(n => {
      return n.id === notification.id
    })
    state.notifications = {
      ...toBeUpdated,
      ...notification,
    }
  },
}
export const getters = {
  notifications(state) {
    return !!state.notifications
  },
}

export const actions = {
  async init({ getters, commit }) {
    if (getters.notifications) return
    commit('SET_PENDING', true)
    const client = this.app.apolloProvider.defaultClient
    let notifications
    try {
      const {
        data: { currentUser },
      } = await client.query({
        query: gql`
          {
            currentUser {
              id
              notifications(orderBy: createdAt_desc) {
                id
                read
                createdAt
                post {
                  author {
                    id
                    slug
                    name
                    disabled
                    deleted
                  }
                  title
                  contentExcerpt
                  slug
                }
              }
            }
          }
        `,
      })
      notifications = currentUser.notifications
      commit('SET_NOTIFICATIONS', notifications)
    } finally {
      commit('SET_PENDING', false)
    }
    return notifications
  },

  async markAsRead({ commit, rootGetters }, notificationId) {
    const client = this.app.apolloProvider.defaultClient
    const mutation = gql`
      mutation($id: ID!, $read: Boolean!) {
        UpdateNotification(id: $id, read: $read) {
          id
          read
        }
      }
    `
    const variables = {
      id: notificationId,
      read: true,
    }
    const {
      data: { UpdateNotification },
    } = await client.mutate({
      mutation,
      variables,
    })
    commit('UPDATE_NOTIFICATIONS', UpdateNotification)
  },
}