Function ErrorMarkdown

web-app/src/components/Error/index.tsx:42–73

({ error, send }: Props)

}

const ErrorMarkdown = ({ error, send }: Props) => {
  React.useEffect(() => {
    if (error) {
      // log error
      logger(`ERROR in markdown: ${error.message}`)
    }
  }, [error])

  if (!error) {
    return null
  }

  return (
    <div css={styles.container}>
      <h1>Oops!</h1>
      <div css={styles.content}>
        <Markdown>{error.message}</Markdown>
      </div>
      <br />
      <br />
      {/* Actions */}
      <div css={styles.options}>
        {error.actions &&
          error.actions.map((a) => (
            <Button type="normal" warning style={styles.button} onClick={() => send({ type: a.transition })}>
              {a.label}
            </Button>
          ))}
      </div>
    </div>
  )
}

export default ErrorMarkdown