Skip to content

Commit

Permalink
Merge pull request #245 from cosmos/formgen-field-theight
Browse files Browse the repository at this point in the history
Add field timeout height
  • Loading branch information
abefernan authored Jul 31, 2024
2 parents ded58fc + 2e5e3ff commit 527dda2
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 0 deletions.
79 changes: 79 additions & 0 deletions components/forms/CreateTxForm/Fields/FieldTimeoutHeight.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
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";

const isFieldTimeoutHeight = (fieldName: string) => fieldName === "timeoutHeight";

export const getFieldTimeoutHeight = (fieldName: string) =>
isFieldTimeoutHeight(fieldName) ? FieldTimeoutHeight : null;

export const getFieldTimeoutHeightSchema = (fieldName: string) =>
isFieldTimeoutHeight(fieldName)
? z.object({
revisionNumber: z
.any()
.transform((value) => {
try {
return BigInt(value);
} catch (error) {
return value;
}
})
.pipe(
z
.bigint({ invalid_type_error: "Must be an integer", required_error: "Required" })
.positive("Must be positive"),
),
revisionHeight: z
.any()
.transform((value) => {
try {
return BigInt(value);
} catch (error) {
return value;
}
})
.pipe(
z
.bigint({ invalid_type_error: "Must be an integer", required_error: "Required" })
.positive("Must be positive"),
),
})
: null;

export default function FieldTimeoutHeight({ form, fieldFormName }: FieldProps) {
const prettyLabel = prettyFieldName(fieldFormName);

return (
<>
<FormField
control={form.control}
name={`${fieldFormName}.revisionNumber`}
render={({ field }) => (
<FormItem>
<FormLabel>{`${prettyLabel} Revision Number`}</FormLabel>
<FormControl>
<Input placeholder="Enter revision number" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name={`${fieldFormName}.revisionHeight`}
render={({ field }) => (
<FormItem>
<FormLabel>{`${prettyLabel} Revision Height`}</FormLabel>
<FormControl>
<Input placeholder="Enter revision height" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</>
);
}
1 change: 1 addition & 0 deletions components/forms/CreateTxForm/Fields/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,4 @@ export * from "./FieldAmount";
export * from "./FieldBoolean";
export * from "./FieldNumber";
export * from "./FieldString";
export * from "./FieldTimeoutHeight";
4 changes: 4 additions & 0 deletions lib/form.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ import {
getFieldNumberSchema,
getFieldString,
getFieldStringSchema,
getFieldTimeoutHeight,
getFieldTimeoutHeightSchema,
} from "@/components/forms/CreateTxForm/Fields";
import { FieldSchemaInput } from "@/components/forms/CreateTxForm/Fields/types";
import { z } from "zod";
Expand All @@ -27,6 +29,7 @@ export const getField = (fieldName: string) =>
getFieldString(fieldName) ||
getFieldNumber(fieldName) ||
getFieldBoolean(fieldName) ||
getFieldTimeoutHeight(fieldName) ||
null;

const getFieldSchema = (fieldName: string, schemaInput: FieldSchemaInput) =>
Expand All @@ -35,6 +38,7 @@ const getFieldSchema = (fieldName: string, schemaInput: FieldSchemaInput) =>
getFieldStringSchema(fieldName) ||
getFieldNumberSchema(fieldName) ||
getFieldBooleanSchema(fieldName) ||
getFieldTimeoutHeightSchema(fieldName) ||
null;

export const getMsgSchema = (fieldNames: readonly string[], schemaInput: FieldSchemaInput) => {
Expand Down

0 comments on commit 527dda2

Please sign in to comment.