import { createSlice } from '@reduxjs/toolkit'

import { ALERT_TYPES } from '../../../../shared/constants/alerts'
import { ALERT_STATE } from './enums'

// Constants

const name = ALERT_TYPES.invalidCustomNetwork

const initialState = {
  state: ALERT_STATE.CLOSED,
  networkName: '',
}

// Slice (reducer plus auto-generated actions and action creators)

const slice = createSlice({
  name,
  initialState,
  reducers: {
    openAlert: (state, action) => {
      state.state = ALERT_STATE.OPEN
      state.networkName = action.payload
    },
    dismissAlert: (state) => {
      state.state = ALERT_STATE.CLOSED
      state.networkName = ''
    },
  },
})

const { actions, reducer } = slice

export default reducer

// Selectors

export const getAlertState = (state) => state[name].state

export const getNetworkName = (state) => state[name].networkName

export const alertIsOpen = (state) => state[name].state !== ALERT_STATE.CLOSED

// Actions / action-creators

const { openAlert, dismissAlert } = actions

export { openAlert, dismissAlert }