87505b1c59
* Add eslint configuration * Patch eslint plugin for sorting imports * Apply eslint rules for imports
38 lines
887 B
TypeScript
38 lines
887 B
TypeScript
// Copyright 2017-2020 @polkadot/app-explorer authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import React from 'react';
|
|
|
|
import type { KeyedEvent } from '@polkadot/react-query/types';
|
|
import { HeaderExtended } from '@polkadot/api-derive';
|
|
import { Columar, Column } from '@polkadot/react-components';
|
|
|
|
import BlockHeaders from './BlockHeaders';
|
|
import Events from './Events';
|
|
import Query from './Query';
|
|
import Summary from './Summary';
|
|
|
|
interface Props {
|
|
events: KeyedEvent[];
|
|
headers: HeaderExtended[];
|
|
}
|
|
|
|
function Main ({ events, headers }: Props): React.ReactElement<Props> {
|
|
return (
|
|
<>
|
|
<Query />
|
|
<Summary />
|
|
<Columar>
|
|
<Column>
|
|
<BlockHeaders headers={headers} />
|
|
</Column>
|
|
<Column>
|
|
<Events events={events} />
|
|
</Column>
|
|
</Columar>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default React.memo(Main);
|