69c7876be9
Summary: yarn fix results. Reviewed By: nikoant Differential Revision: D28329714 fbshipit-source-id: 564aa24bcdb4bc6cdea67dfad10a077a9c817a2d
64 lines
1.3 KiB
TypeScript
64 lines
1.3 KiB
TypeScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import React, {PureComponent} from 'react';
|
|
import {Text, styled, Info, VBox} from '../ui';
|
|
|
|
type Props = {
|
|
errors: Array<Error>;
|
|
title: string;
|
|
type: 'info' | 'spinning' | 'warning' | 'error';
|
|
};
|
|
|
|
const ErrorMessage = styled(Text)({
|
|
display: 'block',
|
|
marginTop: 6,
|
|
wordBreak: 'break-all',
|
|
whiteSpace: 'pre-line',
|
|
lineHeight: 1.35,
|
|
});
|
|
|
|
const Title = styled(Text)({
|
|
marginBottom: 6,
|
|
});
|
|
|
|
export function formatError(e: Error): string {
|
|
const estr = e.toString();
|
|
|
|
if (estr === '[object Object]') {
|
|
try {
|
|
return JSON.stringify(e);
|
|
} catch (e) {
|
|
return '<unrepresentable error>';
|
|
}
|
|
}
|
|
|
|
return estr;
|
|
}
|
|
|
|
export default class Popover extends PureComponent<Props> {
|
|
render() {
|
|
if (this.props.errors.length === 0) {
|
|
return null;
|
|
}
|
|
return (
|
|
<VBox scrollable maxHeight={300}>
|
|
<Info type={this.props.type}>
|
|
<Title bold>{this.props.title}</Title>
|
|
{this.props.errors.map((e: Error, index) => (
|
|
<ErrorMessage code key={index}>
|
|
{formatError(e)}
|
|
</ErrorMessage>
|
|
))}
|
|
</Info>
|
|
</VBox>
|
|
);
|
|
}
|
|
}
|