ghost-portal/packages/react-components/src/InputStorage/options/key.tsx
2021-07-23 08:52:12 +02:00

54 lines
1.7 KiB
TypeScript

// Copyright 2017-2021 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { StorageEntry } from '@polkadot/types/primitive/types';
import type { DropdownOption, DropdownOptions } from '../../util/types';
import React from 'react';
import { ApiPromise } from '@polkadot/api';
import { unwrapStorageType } from '@polkadot/types/primitive/StorageKey';
export default function createOptions (api: ApiPromise, sectionName: string): DropdownOptions {
const section = api.query[sectionName];
if (!section || Object.keys(section).length === 0) {
return [];
}
return Object
.keys(section)
.sort()
.map((value): DropdownOption => {
const { meta: { docs, modifier, name, type } } = section[value] as unknown as StorageEntry;
const input = type.isPlain
? ''
: type.isMap
? type.asMap.key.toString()
: type.isDoubleMap
? `${type.asDoubleMap.key1.toString()}, ${type.asDoubleMap.key2.toString()}`
: type.asNMap.keyVec.map((k) => k.toString()).join(', ');
const output = unwrapStorageType(api.registry, type, modifier.isOptional);
return {
className: 'ui--DropdownLinked-Item',
key: `${sectionName}_${value}`,
text: [
<div
className='ui--DropdownLinked-Item-call'
key={`${sectionName}_${value}:call`}
>
{value}({input}): {output}
</div>,
<div
className='ui--DropdownLinked-Item-text'
key={`${sectionName}_${value}:text`}
>
{(docs[0] || name).toString()}
</div>
],
value
};
});
}