Function toast

web/src/components/ui/use-toast.ts:140–180

({ title, description, ...props }: Toast)

type Toast = Omit<ToasterToast, 'id'>

function toast({ title, description, ...props }: Toast) {
  const id = genId()

  const update = (props: ToasterToast) =>
    dispatch({
      type: 'UPDATE_TOAST',
      toast: { ...props, id },
    })
  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })

  dispatch({
    type: 'ADD_TOAST',
    toast: {
      ...props,
      id,
      title,
      description,
      open: true,
      onOpenChange: (open) => {
        if (!open) dismiss()
      },
    },
  })

  // Track the toast in PostHog
  const descriptionString =
    typeof description === 'string'
      ? description
      : JSON.stringify(description ?? null)
  posthog.capture(AnalyticsEvent.TOAST_SHOWN, {
    title: typeof title === 'string' ? title : JSON.stringify(title ?? null),
    description: descriptionString,
    variant: props.variant ?? 'default',
  })

  return {
    id: id,
    dismiss,
    update,
  }
}

function useToast() {
  const [state, setState] = React.useState<State>(memoryState)