mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
tom goriunovandGitHub
5e80806796
* 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
53 lines
1.8 KiB
TypeScript
53 lines
1.8 KiB
TypeScript
import { Grid, GridItem } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import config from 'configs/app';
|
|
import { FormFieldCheckbox } from 'toolkit/components/forms/fields/FormFieldCheckbox';
|
|
|
|
import type { Inputs as FormFields } from './AddressForm';
|
|
|
|
const tokenStandardName = config.chain.tokenStandard;
|
|
|
|
const NOTIFICATIONS = [ 'native', 'ERC-20', 'ERC-721', 'ERC-404' ] as const;
|
|
const NOTIFICATIONS_NAMES = [
|
|
config.chain.currency.symbol,
|
|
`${ tokenStandardName }-20`,
|
|
`${ tokenStandardName }-721, ${ tokenStandardName }-1155 (NFT)`,
|
|
`${ tokenStandardName }-404` ];
|
|
|
|
export default function AddressFormNotifications() {
|
|
return (
|
|
<Grid templateColumns={{ base: 'repeat(2, max-content)', lg: 'repeat(3, max-content)' }} gap={{ base: '10px 24px', lg: '20px 24px' }}>
|
|
{ NOTIFICATIONS.map((notification, index: number) => {
|
|
const incomingFieldName = `notification_settings.${ notification }.incoming` as const;
|
|
const outgoingFieldName = `notification_settings.${ notification }.outcoming` as const;
|
|
return (
|
|
<React.Fragment key={ notification }>
|
|
<GridItem
|
|
gridColumnStart={{ base: 1, lg: 1 }}
|
|
gridColumnEnd={{ base: 3, lg: 1 }}
|
|
_notFirst={{
|
|
mt: { base: 3, lg: 0 },
|
|
}}
|
|
>
|
|
{ NOTIFICATIONS_NAMES[index] }
|
|
</GridItem>
|
|
<GridItem>
|
|
<FormFieldCheckbox<FormFields, typeof incomingFieldName>
|
|
name={ incomingFieldName }
|
|
label="Incoming"
|
|
/>
|
|
</GridItem>
|
|
<GridItem>
|
|
<FormFieldCheckbox<FormFields, typeof outgoingFieldName>
|
|
name={ outgoingFieldName }
|
|
label="Outgoing"
|
|
/>
|
|
</GridItem>
|
|
</React.Fragment>
|
|
);
|
|
}) }
|
|
</Grid>
|
|
);
|
|
}
|