ghost-portal/packages/page-explorer/src/Event.tsx
2021-01-03 11:33:39 +01:00

31 lines
713 B
TypeScript

// Copyright 2017-2021 @polkadot/app-explorer authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { 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);