0e2265ff70
* Some initial cleanups * Make it lint * Small s/type/interface/ additions * Small minor s/type/interface/ * More type -> interface * Add lint:new rule * Some small updates * Cleanup dangling tslint issues * Small updates * ui-signer cleanups * ui-reactive updated * Make lint:new run * Mini ui-params cleanups * Some additions * Tiny... and done for now. * 1950 problems (1241 errors, 709 warnings) * 1829 problems (1181 errors, 648 warnings) * 1674 problems (1181 errors, 493 warnings) (no any... for now) * Small additions. * Array<T> -> T[] (all)
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
// Copyright 2017-2019 @polkadot/app-js authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import { BareProps } from '@polkadot/ui-app/types';
|
|
import { Log } from './types';
|
|
|
|
import React from 'react';
|
|
import { isError, isNull, isUndefined } from '@polkadot/util';
|
|
|
|
interface Props extends BareProps {
|
|
children?: React.ReactNode;
|
|
logs: Log[];
|
|
}
|
|
|
|
const format = (value: any): string => {
|
|
if (isError(value)) {
|
|
return value.stack ? value.stack : value.toString();
|
|
} else if (isUndefined(value)) {
|
|
return 'undefined';
|
|
} else if (isNull(value)) {
|
|
return 'null';
|
|
} else if (Array.isArray(value)) {
|
|
return `[${value.map((value): string => format(value)).join(', ')}]`;
|
|
} else if (value instanceof Map) {
|
|
return `{${[...value.entries()].map(([key, value]): string => key + ': ' + format(value)).join(', ')}}`;
|
|
}
|
|
|
|
return value.toString();
|
|
};
|
|
|
|
const renderEntry = ({ args, type }: Log, index: number): React.ReactNode => (
|
|
<div className={`js--Log ${type}`} key={index}>
|
|
{args.map((arg): string => format(arg)).join(' ')}
|
|
</div>
|
|
);
|
|
|
|
export default class Output extends React.PureComponent<Props> {
|
|
public render (): React.ReactNode {
|
|
const { children, logs } = this.props;
|
|
|
|
return (
|
|
<article className='container js--Output'>
|
|
<div className='logs-wrapper'>
|
|
<div className='logs-container'>
|
|
<pre className='logs-content'>
|
|
{logs.map(renderEntry)}
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
{children}
|
|
</article>
|
|
);
|
|
}
|
|
}
|