mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f6725649da
* first version of the pack * single entry point * add custom components to the package * move form components to toolkit * add more utils and hooks to the package * minor fixes * add CI workflow * update readme and package.json * fix ts * fix build of env-validator * fix docker build * fix icons size * test fixes * more test fixes
32 lines
889 B
TypeScript
32 lines
889 B
TypeScript
import { createListCollection } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { Fields } from '../types';
|
|
import type { TokenInfoApplicationConfig } from 'types/api/account';
|
|
|
|
import { FormFieldSelect } from 'toolkit/components/forms/fields/FormFieldSelect';
|
|
|
|
interface Props {
|
|
readOnly?: boolean;
|
|
config: TokenInfoApplicationConfig['projectSectors'];
|
|
}
|
|
|
|
const TokenInfoFieldProjectSector = ({ readOnly, config }: Props) => {
|
|
|
|
const collection = React.useMemo(() => {
|
|
const items = config.map((option) => ({ label: option, value: option }));
|
|
return createListCollection({ items });
|
|
}, [ config ]);
|
|
|
|
return (
|
|
<FormFieldSelect<Fields, 'project_sector'>
|
|
name="project_sector"
|
|
placeholder="Project industry"
|
|
collection={ collection }
|
|
readOnly={ readOnly }
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TokenInfoFieldProjectSector);
|