components crypto-address-form.tsx

0% Statements 0/8

0% Branches 0/2

0% Functions 0/1

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Input, InputProps } from '@stacks/ui';
import { useField } from 'formik';
import React, { FC, forwardRef } from 'react';
 
interface CryptoAddressInputProps extends Omit<InputProps, 'form'> {
  fieldName: string;
}
 
export const CryptoAddressInput: FC<CryptoAddressInputProps> = forwardRef((props, ref) => {
  const { fieldName, children, ...rest } = props;
  const [field] = useField(fieldName);
  return (
    <>
      <Input
        id={fieldName}
        name={fieldName}
        mt="loose"
        maxWidth="400px"
        fontFamily={field.value.length ? 'monospace' : 'unset'}
        ref={ref}
        {...rest}
      />
      {children}
    </>
  );
});
 
CryptoAddressInput.displayName = 'CryptoAddressInput';