ghost-portal/packages/react-components/src/InputRpc/options/method.tsx
2023-04-21 16:17:36 +03:00

48 lines
1.6 KiB
TypeScript

// Copyright 2017-2023 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ApiPromise } from '@polkadot/api';
import type { DefinitionRpcExt } from '@polkadot/types/types';
import type { DropdownOption, DropdownOptions } from '../../util/types.js';
import React from 'react';
export default function createOptions (api: ApiPromise, rpcs: Record<string, Record<string, DefinitionRpcExt>>, sectionName: string): DropdownOptions {
const section = rpcs[sectionName];
if (!section || Object.keys((api.rpc as unknown as Record<string, Record<string, unknown>>)[sectionName]).length === 0) {
return [];
}
return Object
.keys((api.rpc as unknown as Record<string, Record<string, unknown>>)[sectionName])
.filter((s) => !s.startsWith('$'))
.sort()
.map((methodName) => section[methodName])
.filter((ext): ext is DefinitionRpcExt => !!ext)
.filter(({ isSubscription }) => !isSubscription)
.map(({ description, method, params }): DropdownOption => {
const inputs = params.map(({ name }) => name).join(', ');
return {
className: 'ui--DropdownLinked-Item',
key: `${sectionName}_${method}`,
text: [
<div
className='ui--DropdownLinked-Item-call'
key={`${sectionName}_${method}:call`}
>
{method}({inputs})
</div>,
<div
className='ui--DropdownLinked-Item-text'
key={`${sectionName}_${method}:text`}
>
{description || method}
</div>
],
value: method
};
});
}