Support message & type in ToastOptions

[jamesarosen]

The current API for adding toasts uses separate functions for each type:

toast('A simple toast') // type = 'blank'
toast.success('A successful toast')
toast.error('An error toast')

This is an excellent API for direct programmatic access!

But it's a bit unwieldy for abstraction. If I want to build a mechanism for defining toasts server-side, then passing the data to the client, then showing a toast, I need to use a switch statement on type to decide which of these functions to call.

I'd love to be able to do this:

toast({ message: 'A simple toast' })
toast({ message: 'A successful toast', type: 'success' })
toast({ message: 'An error toast', type: 'error' })

not because I want to write that code, but because I want to write this code:

toasts = useToasts()
useEffect(() => {
  toasts.each(toast)
}, [toasts])

instead of having to do this:

toasts = useToasts()
useEffect(() => {
  toasts.each(({ message, type, ...options }) => {
    const showToast = type && toast[type] || toast
    showToast(message, options)
  })
}, [toasts])