mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
de46df7d9e
* simple profile button and auth modal layout * connect email and code screens to API * add screens to modal for wallet authentication * migrate to pin input * user profile menu * refactor otp field * fix passing set-cookie from api response * add wallet info into profile menu * add mobile menu * show connected wallet address in button * my profile page re-design * custom behaviour of connect button on dapp page * style pin input * add logout * handle case when account is disabled * handle case when wc is disabled * remove old components * refactoring * workflow to link wallet or email to account * link wallet from profile * show better OTP code errors * add email alert on watchlist and verified addresses pages * deprecate env and remove old code * remove code for unverified email page * add auth guard to address action items * move useRedirectForInvalidAuthToken hook * add mixpanel events * refetch csrf token after login and fix connect wallet from contract page * Add NEXT_PUBLIC_RE_CAPTCHA_V3_APP_SITE_KEY env * migrate to reCAPTCHA v3 * resend code and change email from profile page * better wallet sign-in message error * fix demo envs * update some screenshots * profile button design fixes * fix behaviour "connect wallet" button on contract page * fix linking email and wallet to existing account * bug fixes * restore the login page * update screenshots * tests for auth modal and user profile * add name field to profile page and write some tests * [skip ci] clean up and more tests * update texts * change text once more * fix verified email checkmark behaviour * pass api error to the toast while signing in with wallet * [skip ci] disable email field on profile page * bug fixes * update screenshot * Blockscout account V2 Fixes #2029 * fix texts and button paddings * Form fields refactoring (#2320) * text and address fields for watchlist form * checkbox field component * refactor private tags form * refactor api keys and custom abi * refactor verifiy address and token info forms (pt. 1) * refactor token info forms (pt. 2) * refactor token info forms (pt. 3) * refactor public tags form * refactor contract verification form * refactor contract audit form * refactor auth, profile and csv export forms * renaming and moving * more refactoring and test fixes --------- Co-authored-by: aagaev <[email protected]>
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
import { Box, Link } from '@chakra-ui/react';
|
|
import { useQueryClient } from '@tanstack/react-query';
|
|
import React from 'react';
|
|
|
|
import type { FormFields } from '../types';
|
|
import type { SmartContractVerificationConfig } from 'types/client/contract';
|
|
|
|
import { getResourceKey } from 'lib/api/useApiQuery';
|
|
import FormFieldFancySelect from 'ui/shared/forms/fields/FormFieldFancySelect';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
|
|
import ContractVerificationFormRow from '../ContractVerificationFormRow';
|
|
|
|
const OPTIONS_LIMIT = 50;
|
|
|
|
const ContractVerificationFieldZkCompiler = () => {
|
|
const queryClient = useQueryClient();
|
|
const config = queryClient.getQueryData<SmartContractVerificationConfig>(getResourceKey('contract_verification_config'));
|
|
|
|
const options = React.useMemo(() => (
|
|
config?.zk_compiler_versions?.map((option) => ({ label: option, value: option })) || []
|
|
), [ config?.zk_compiler_versions ]);
|
|
|
|
const loadOptions = React.useCallback(async(inputValue: string) => {
|
|
return options
|
|
.filter(({ label }) => !inputValue || label.toLowerCase().includes(inputValue.toLowerCase()))
|
|
.slice(0, OPTIONS_LIMIT);
|
|
}, [ options ]);
|
|
|
|
return (
|
|
<ContractVerificationFormRow>
|
|
<FormFieldFancySelect<FormFields, 'zk_compiler'>
|
|
name="zk_compiler"
|
|
placeholder="ZK compiler (enter version or use the dropdown)"
|
|
placeholderIcon={ <IconSvg name="search"/> }
|
|
loadOptions={ loadOptions }
|
|
defaultOptions
|
|
isRequired
|
|
isAsync
|
|
/>
|
|
<Box>
|
|
<Link isExternal href="https://docs.zksync.io/zk-stack/components/compiler/specification#glossary">zksolc</Link>
|
|
<span> compiler version.</span>
|
|
</Box>
|
|
</ContractVerificationFormRow>
|
|
);
|
|
};
|
|
|
|
export default React.memo(ContractVerificationFieldZkCompiler);
|