publictag bugfix and rule for required fields

ui/apiKey/ApiKeyModal/ApiKeyForm.tsx

@@ -92,7 +92,7 @@ const ApiKeyForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
 
   const renderTokenInput = useCallback(({ field }: {field: ControllerRenderProps<Inputs, 'token'>}) => {
     return (
-      <FormControl variant="floating" id="address" isRequired>
+      <FormControl variant="floating" id="address">
         <Input
           { ...field }
           disabled={ true }
@@ -134,6 +134,7 @@ const ApiKeyForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
           control={ control }
           rules={{
             maxLength: NAME_MAX_LENGTH,
+            required: true,
           }}
           render={ renderNameInput }
         />

ui/customAbi/CustomAbiModal/CustomAbiForm.tsx

@@ -142,7 +142,10 @@ const CustomAbiForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
           name="contract_address_hash"
           control={ control }
           render={ renderContractAddressInput }
-          rules={{ pattern: ADDRESS_REGEXP }}
+          rules={{
+            pattern: ADDRESS_REGEXP,
+            required: true,
+          }}
         />
       </Box>
       <Box marginTop={ 5 }>
@@ -150,6 +153,7 @@ const CustomAbiForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
           name="name"
           control={ control }
           render={ renderNameInput }
+          rules={{ required: true }}
         />
       </Box>
       <Box marginTop={ 5 }>
@@ -157,6 +161,7 @@ const CustomAbiForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
           name="abi"
           control={ control }
           render={ renderAbiInput }
+          rules={{ required: true }}
         />
       </Box>
       <Box marginTop={ 8 }>

ui/privateTags/AddressModal/AddressForm.tsx

@@ -98,6 +98,7 @@ const AddressForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
           control={ control }
           rules={{
             pattern: ADDRESS_REGEXP,
+            required: true,
           }}
           render={ renderAddressInput }
         />
@@ -108,6 +109,7 @@ const AddressForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) => {
           control={ control }
           rules={{
             maxLength: TAG_MAX_LENGTH,
+            required: true,
           }}
           render={ renderTagInput }
         />

ui/privateTags/TransactionModal/TransactionForm.tsx

@@ -97,6 +97,7 @@ const TransactionForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) =>
           control={ control }
           rules={{
             pattern: TRANSACTION_HASH_REGEXP,
+            required: true,
           }}
           render={ renderTransactionInput }
         />
@@ -107,6 +108,7 @@ const TransactionForm: React.FC<Props> = ({ data, onClose, setAlertVisible }) =>
           control={ control }
           rules={{
             maxLength: TAG_MAX_LENGTH,
+            required: true,
           }}
           render={ renderTagInput }
         />

ui/publicTags/PublicTagsForm/PublicTagFormAddressInput.tsx

@@ -39,7 +39,10 @@ export default function PublicTagFormAction({ control, index, fieldsLength, erro
         name={ `addresses.${ index }.address` }
         control={ control }
         render={ renderAddressInput }
-        rules={{ pattern: ADDRESS_REGEXP }}
+        rules={{
+          pattern: ADDRESS_REGEXP,
+          required: index === 0,
+        }}
       />
       { index === fieldsLength - 1 && fieldsLength < MAX_INPUTS_NUM && (
         <IconButton

ui/publicTags/PublicTagsForm/PublicTagFormComment.tsx

@@ -35,7 +35,10 @@ export default function PublicTagFormComment({ control, error }: Props) {
       name="comment"
       control={ control }
       render={ renderComment }
-      rules={{ maxLength: TEXT_INPUT_MAX_LENGTH }}
+      rules={{
+        maxLength: TEXT_INPUT_MAX_LENGTH,
+        required: true,
+      }}
     />
   );
 }

ui/publicTags/PublicTagsForm/PublicTagsForm.tsx

@@ -130,7 +130,7 @@ const PublicTagsForm = ({ changeToDataScreen, data }: Props) => {
         e.error?.full_name && setError('fullName', { type: 'custom', message: getErrorMessage(e.error, 'full_name') });
         e.error?.email && setError('email', { type: 'custom', message: getErrorMessage(e.error, 'email') });
         e.error?.tags && setError('tags', { type: 'custom', message: getErrorMessage(e.error, 'tags') });
-        e.error?.addresses && setError('addresses.0', { type: 'custom', message: getErrorMessage(e.error, 'addresses') });
+        e.error?.addresses && setError('addresses.0.address', { type: 'custom', message: getErrorMessage(e.error, 'addresses') });
         e.error?.additional_comment && setError('comment', { type: 'custom', message: getErrorMessage(e.error, 'additional_comment') });
       } else {
         setAlertVisible(true);
@@ -206,7 +206,7 @@ const PublicTagsForm = ({ changeToDataScreen, data }: Props) => {
           <Box position="relative" key={ field.id } marginBottom={ 4 }>
             <PublicTagFormAddressInput
               control={ control }
-              error={ errors?.addresses?.[index] as FieldError }
+              error={ errors?.addresses?.[index]?.address as FieldError }
               index={ index }
               fieldsLength={ fields.length }
               onAddFieldClick={ onAddFieldClick }

ui/publicTags/PublicTagsForm/PublicTagsFormInput.tsx

@@ -43,7 +43,7 @@ export default function PublicTagsFormInput<Inputs extends FieldValues>({
       name={ fieldName }
       control={ control }
       render={ renderInput }
-      rules={{ pattern }}
+      rules={{ pattern, required }}
     />
   );
 }