All files / app/components Error.tsx

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21                                         
import React from 'react';
import { style } from 'app/styles';
 
export interface ErrorProps {
  message: string;
  htmlDetailMessage: string;
  style?: object | string;
}
 
export const Error = (props: ErrorProps): JSX.Element => {
  return (
    <div style={style(props.style)}>
      <div style={style('h2Text')}>Well, that didn't work...</div>
      <div style={style('h3Text', 'errorText')}>{props.message}</div>
      <div dangerouslySetInnerHTML={{ __html: props.htmlDetailMessage }} />>
    </div>
  );
};
 
Error.displayName = 'Error';