feat: form read

alleslabs · Jan 20, 2025 · ce136c2 · ce136c2
1 parent 6229431
commit ce136c2
Show file tree

Hide file tree

Showing 7 changed files with 145 additions and 2 deletions.
diff --git a/src/lib/components/evm-abi/EvmAbiForm.tsx b/src/lib/components/evm-abi/EvmAbiForm.tsx
@@ -11,13 +11,15 @@ interface EvmAbiFormProps {
   isPayable: boolean;
   initialData?: JsonDataType[];
   propsOnChange?: (data: JsonDataType[]) => void;
+  isDisabled?: boolean;
 }
 
 export const EvmAbiForm = ({
   types,
   isPayable,
   initialData,
   propsOnChange,
+  isDisabled,
 }: EvmAbiFormProps) => {
   const defaultValues = useMemo(
     () => initialData ?? getComponentsDefaultValues(types),
@@ -45,6 +47,11 @@ export const EvmAbiForm = ({
   }, [JSON.stringify(inputs), propsOnChange]);
 
   return (
-    <FormFields control={control} components={types} isPayable={isPayable} />
+    <FormFields
+      control={control}
+      components={types}
+      isPayable={isPayable}
+      isDisabled={isDisabled}
+    />
   );
 };
diff --git a/src/lib/components/evm-abi/fields/BaseField.tsx b/src/lib/components/evm-abi/fields/BaseField.tsx
@@ -11,6 +11,7 @@ export const BaseField = <T extends FieldValues>({
   control,
   name,
   type,
+  isDisabled,
   isRequired = false,
 }: BaseFieldProps<T>) => {
   const {
@@ -24,7 +25,7 @@ export const BaseField = <T extends FieldValues>({
   const isError = (isTouched || isDirty) && !!error;
 
   return (
-    <FormControl isInvalid={isError} {...fieldProps}>
+    <FormControl isInvalid={isError} isDisabled={isDisabled} {...fieldProps}>
       <Input value={value} onBlur={onBlur} onChange={onChange} />
       {isError && <FormErrorMessage>{error.message}</FormErrorMessage>}
     </FormControl>

diff --git a/src/lib/components/evm-abi/fields/BoolField.tsx b/src/lib/components/evm-abi/fields/BoolField.tsx
@@ -16,6 +16,7 @@ const BOOL_FIELD_OPTIONS: SelectInputOption<string>[] = [
 export const BoolField = <T extends FieldValues>({
   control,
   name,
+  isDisabled,
 }: FieldProps<T>) => {
   const {
     field: { value, onChange },
@@ -34,6 +35,7 @@ export const BoolField = <T extends FieldValues>({
         onChange(newValue.value);
       }}
       size="md"
+      isDisabled={isDisabled}
     />
   );
 };
diff --git a/src/lib/components/evm-abi/fields/TupleField.tsx b/src/lib/components/evm-abi/fields/TupleField.tsx
@@ -15,6 +15,7 @@ export const TupleField = <T extends FieldValues>({
   name,
   control,
   components,
+  isDisabled,
   withoutBorder,
 }: TupleFieldProps<T>) => {
   const values = useWatch<T>({
@@ -53,6 +54,7 @@ export const TupleField = <T extends FieldValues>({
               type={subfieldType}
               label={subfieldLabel}
               dimensions={getTypeDimensions(subfieldType)}
+              isDisabled={isDisabled}
               {...rest}
             />
           </TypeLabel>

diff --git a/src/lib/components/evm-abi/fields/index.tsx b/src/lib/components/evm-abi/fields/index.tsx
@@ -11,12 +11,14 @@ interface FormFieldsProps<T extends FieldValues> {
   control: Control<T>;
   components: ReadonlyArray<JsonFragmentType>;
   isPayable: boolean;
+  isDisabled?: boolean;
 }
 
 export const FormFields = <T extends FieldValues>({
   control,
   components,
   isPayable,
+  isDisabled,
 }: FormFieldsProps<T>) => {
   const { data: evmParamsData } = useEvmParams();
   const { data: assetInfos } = useAssetInfos({
@@ -34,6 +36,7 @@ export const FormFields = <T extends FieldValues>({
         control={control}
         name={"inputs" as Path<T>}
         components={components}
+        isDisabled={isDisabled}
         withoutBorder
       />
       {isPayable && (

diff --git a/src/lib/components/evm-abi/fields/types.ts b/src/lib/components/evm-abi/fields/types.ts
@@ -6,4 +6,5 @@ export interface FieldProps<T extends FieldValues>
   control: Control<T>;
   name: FieldPath<T>;
   label?: string;
+  isDisabled?: boolean;
 }
diff --git a/src/lib/pages/evm-contract-details/dummy.ts b/src/lib/pages/evm-contract-details/dummy.ts
@@ -0,0 +1,127 @@
+// TODO: REMOVE
+
+import { JsonFragment } from "ethers";
+
+export const EVM_ABI: Record<string, JsonFragment> = {
+  payable: {
+    inputs: [],
+    name: "fnPayable",
+    outputs: [],
+    stateMutability: "payable",
+    type: "function",
+  },
+  int8: {
+    inputs: [
+      {
+        internalType: "int8",
+        name: "i8",
+        type: "int8",
+      },
+    ],
+    name: "fnInt8",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  bytes4: {
+    inputs: [
+      {
+        internalType: "bytes4",
+        name: "b4",
+        type: "bytes4",
+      },
+    ],
+    name: "fnBytes4",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  bytes: {
+    inputs: [
+      {
+        internalType: "bytes",
+        name: "b",
+        type: "bytes",
+      },
+    ],
+    name: "fnBytes",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  bool: {
+    inputs: [
+      {
+        internalType: "bool",
+        name: "b",
+        type: "bool",
+      },
+    ],
+    name: "fnBool",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  array: {
+    inputs: [
+      {
+        internalType: "uint8[2][][2]",
+        name: "u8f20",
+        type: "uint8[2][][2]",
+      },
+    ],
+    name: "fnUint8fixed20",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  struct: {
+    inputs: [
+      {
+        components: [
+          {
+            components: [
+              {
+                internalType: "uint256",
+                name: "key",
+                type: "uint256",
+              },
+              {
+                internalType: "bool",
+                name: "value",
+                type: "bool",
+              },
+            ],
+            internalType: "struct Types.Struct1",
+            name: "s1",
+            type: "tuple",
+          },
+          {
+            components: [
+              {
+                internalType: "bool",
+                name: "value",
+                type: "bool",
+              },
+              {
+                internalType: "uint256",
+                name: "key",
+                type: "uint256",
+              },
+            ],
+            internalType: "struct Types.Struct2",
+            name: "s2",
+            type: "tuple",
+          },
+        ],
+        internalType: "struct Types.Struct3",
+        name: "s3",
+        type: "tuple",
+      },
+    ],
+    name: "fnStruct3",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+};