diff --git a/components/forms/CreateTxForm/Fields/FieldAmount.tsx b/components/forms/CreateTxForm/Fields/FieldAmount.tsx new file mode 100644 index 0000000..f6e12fe --- /dev/null +++ b/components/forms/CreateTxForm/Fields/FieldAmount.tsx @@ -0,0 +1,49 @@ +import { FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form"; +import { Input } from "@/components/ui/input"; +import { prettyFieldName } from "@/lib/form"; +import * as z from "zod"; +import type { FieldProps } from "./types"; + +export const getFieldAmountSchema = () => + z.object({ + denom: z + .string({ invalid_type_error: "Must be a string", required_error: "Required" }) + .trim() + .min(1, "Required"), + amount: z + .number({ invalid_type_error: "Must be a number", required_error: "Required" }) + .positive("Must be positive"), + }); + +export default function FieldAmount({ form, fieldFormName }: FieldProps) { + return ( + <> + ( + + {"Denom" + prettyFieldName(fieldFormName)} + + + + + + )} + /> + ( + + {prettyFieldName(fieldFormName)} + + + + + + )} + /> + + ); +}