export function ResultErrorBody()

in src/components/TestResult/ResultErrorBody.tsx [44:83]

40 lines of code
2 McCabe index (conditional complexity)


export function ResultErrorBody({
  actionTitles,
  code,
  errorMessage,
  resultCategory,
  stepIndex,
  stepName,
}: IResultErrorBody) {
  return (
    <>
      <EuiFlexGroup direction="column" gutterSize="none">
        {actionTitles.map((name, index) => (
          <ResultContentWrapper alignItems="center" gutterSize="xs" key={name + index}>
            <EuiFlexItem grow={false}>{symbols[resultCategory]}</EuiFlexItem>
            <EuiFlexItem>
              <EuiText size="s">{name}</EuiText>
            </EuiFlexItem>
          </ResultContentWrapper>
        ))}
      </EuiFlexGroup>
      <ResultErrorAccordion
        id={stepName}
        initialIsOpen
        buttonContent="Step code"
        key={stepIndex}
        paddingSize="s"
        buttonClassName="euiAccordionForm__button"
      >
        {errorMessage && (
          <>
            <EuiCodeBlock language="js" paddingSize="m" whiteSpace="pre">
              {code}
            </EuiCodeBlock>
            <EuiCodeBlock paddingSize="m">{removeColorCodes(errorMessage)}</EuiCodeBlock>
          </>
        )}
      </ResultErrorAccordion>
    </>
  );
}