ghost-portal/packages/page-explorer/src/Event.tsx
2020-09-17 16:46:46 +02:00

30 lines
707 B
TypeScript

// Copyright 2017-2020 @polkadot/app-explorer authors & contributors
// SPDX-License-Identifier: Apache-2.0
import { EventRecord } from '@polkadot/types/interfaces';
import React from 'react';
import { Event as EventDisplay, Expander } from '@polkadot/react-components';
interface Props {
className?: string;
value: EventRecord;
}
function Event ({ className = '', value: { event } }: Props): React.ReactElement<Props> {
return (
<Expander
className={className}
summary={`${event.section}.${event.method}`}
summaryMeta={event.meta}
>
<EventDisplay
className='details'
value={event}
/>
</Expander>
);
}
export default React.memo(Event);