Function Alert

client/src/components/FlashMessages/Alert/index.tsx:23–45

({ children, alert, onClose }: Props)

}

export default function Alert({ children, alert, onClose }: Props) {
  const alertClass = alertCasses[alert.type] || 'flash-success'

  const defaultOnClose = () => {
    const removeAlert = window.flashMessages?.removeAlert
    if (!removeAlert) return
    removeAlert(alert.id)
  }

  return (
    <div className={`flash fade in mt-3 mb-3 ${alertClass}`}>
      <button
        className="flash-close"
        onClick={onClose || defaultOnClose}
        type="button"
      >
        <GoX />
      </button>
      { alert.text }
      { children }
    </div>
  )
}