59 lines
1.3 KiB
TypeScript
59 lines
1.3 KiB
TypeScript
import { Action, action } from 'easy-peasy'
|
|
import { FlashMessageType } from '@/components/elements/MessageBox'
|
|
import { httpErrorToHuman } from '@/api/http'
|
|
|
|
export interface FlashStore {
|
|
items: FlashMessage[]
|
|
addFlash: Action<FlashStore, FlashMessage>
|
|
addError: Action<FlashStore, { message: string; key?: string }>
|
|
clearAndAddHttpError: Action<
|
|
FlashStore,
|
|
{ error?: Error | any | null; key?: string }
|
|
>
|
|
clearFlashes: Action<FlashStore, string | void>
|
|
}
|
|
|
|
export interface FlashMessage {
|
|
id?: string
|
|
key?: string
|
|
type: FlashMessageType
|
|
title?: string
|
|
message: string
|
|
}
|
|
|
|
const flashes: FlashStore = {
|
|
items: [],
|
|
|
|
addFlash: action((state, payload) => {
|
|
state.items.push(payload)
|
|
}),
|
|
|
|
addError: action((state, payload) => {
|
|
state.items.push({ type: 'error', title: 'Error', ...payload })
|
|
}),
|
|
|
|
clearAndAddHttpError: action((state, payload) => {
|
|
if (!payload.error) {
|
|
state.items = []
|
|
} else {
|
|
console.error(payload.error)
|
|
|
|
state.items = [
|
|
{
|
|
type: 'error',
|
|
title: 'Error',
|
|
key: payload.key,
|
|
message: httpErrorToHuman(payload.error),
|
|
},
|
|
]
|
|
}
|
|
}),
|
|
|
|
clearFlashes: action((state, payload) => {
|
|
state.items = payload
|
|
? state.items.filter((flashes) => flashes.key !== payload)
|
|
: []
|
|
}),
|
|
}
|
|
|
|
export default flashes
|