ghost-portal/packages/react-components/src/InputConsts/options/key.tsx
Jaco 829830b83a
Adjust query type display (#6150)
* Adjust query type display

* linting

* Fix test page
2021-09-19 17:58:56 +02:00

47 lines
1.3 KiB
TypeScript

// Copyright 2017-2021 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ConstantCodec } from '@polkadot/types/metadata/decorate/types';
import type { DropdownOption, DropdownOptions } from '../../util/types';
import React from 'react';
import { ApiPromise } from '@polkadot/api';
import { getSiName } from '../../util';
export default function createOptions (api: ApiPromise, sectionName: string): DropdownOptions {
const section = api.consts[sectionName];
if (!section || Object.keys(section).length === 0) {
return [];
}
return Object
.keys(section)
.sort()
.map((value): DropdownOption => {
const method = (section[value] as ConstantCodec);
return {
className: 'ui--DropdownLinked-Item',
key: `${sectionName}_${value}`,
text: [
<div
className='ui--DropdownLinked-Item-call'
key={`${sectionName}_${value}:call`}
>
{value}: {getSiName(api.registry.lookup, method.meta.type)}
</div>,
<div
className='ui--DropdownLinked-Item-text'
key={`${sectionName}_${value}:text`}
>
{(method.meta.docs[0] || method.meta.name).toString()}
</div>
],
value
};
});
}