mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
48b39022d3
* 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]>
38 lines
879 B
TypeScript
38 lines
879 B
TypeScript
import { FormLabel, chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
import type { FieldError } from 'react-hook-form';
|
|
|
|
interface Props {
|
|
text: string;
|
|
icon?: React.ReactNode;
|
|
error?: Partial<FieldError>;
|
|
isFancy?: boolean;
|
|
}
|
|
|
|
const FormInputPlaceholder = ({ text, icon, error, isFancy }: Props) => {
|
|
let errorMessage = error?.message;
|
|
|
|
if (!errorMessage && error?.type === 'pattern') {
|
|
errorMessage = 'Invalid format';
|
|
}
|
|
|
|
return (
|
|
<FormLabel
|
|
alignItems="center"
|
|
{ ...(isFancy ? { 'data-fancy': true } : {}) }
|
|
variant="floating"
|
|
>
|
|
{ icon }
|
|
<chakra.span>{ text }</chakra.span>
|
|
{ errorMessage && (
|
|
<chakra.span order={ 3 } whiteSpace="pre">
|
|
{ ' ' }
|
|
- { errorMessage }
|
|
</chakra.span>
|
|
) }
|
|
</FormLabel>
|
|
);
|
|
};
|
|
|
|
export default React.memo(FormInputPlaceholder);
|