mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reformat with prettier with semicolons and tabs

Browse Source
This commit is contained in:
m5r
2021-07-31 23:57:43 +08:00
parent fc4278ca7b
commit 079241ddb0
80 changed files with 1187 additions and 1270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/core/components/form.tsx
View File

@ -1,26 +1,26 @@
import { useState, ReactNode, PropsWithoutRef } from "react"
import { FormProvider, useForm, UseFormProps } from "react-hook-form"
import { zodResolver } from "@hookform/resolvers/zod"
import { z } from "zod"
import { useState, ReactNode, PropsWithoutRef } from "react";
import { FormProvider, useForm, UseFormProps } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";
export interface FormProps<S extends z.ZodType<any, any>>
extends Omit<PropsWithoutRef<JSX.IntrinsicElements["form"]>, "onSubmit"> {
/** All your form fields */
children?: ReactNode
children?: ReactNode;
/** Text to display in the submit button */
submitText?: string
schema?: S
onSubmit: (values: z.infer<S>) => Promise<void | OnSubmitResult>
initialValues?: UseFormProps<z.infer<S>>["defaultValues"]
submitText?: string;
schema?: S;
onSubmit: (values: z.infer<S>) => Promise<void | OnSubmitResult>;
initialValues?: UseFormProps<z.infer<S>>["defaultValues"];
}
interface OnSubmitResult {
FORM_ERROR?: string
FORM_ERROR?: string;
[prop: string]: any
[prop: string]: any;
}
export const FORM_ERROR = "FORM_ERROR"
export const FORM_ERROR = "FORM_ERROR";
export function Form<S extends z.ZodType<any, any>>({
children,
@ -34,22 +34,22 @@ export function Form<S extends z.ZodType<any, any>>({
mode: "onBlur",
resolver: schema ? zodResolver(schema) : undefined,
defaultValues: initialValues,
})
const [formError, setFormError] = useState<string | null>(null)
});
const [formError, setFormError] = useState<string | null>(null);
return (
<FormProvider {...ctx}>
<form
onSubmit={ctx.handleSubmit(async (values) => {
const result = (await onSubmit(values)) || {}
const result = (await onSubmit(values)) || {};
for (const [key, value] of Object.entries(result)) {
if (key === FORM_ERROR) {
setFormError(value)
setFormError(value);
} else {
ctx.setError(key as any, {
type: "submit",
message: value,
})
});
}
}
})}
@ -78,7 +78,7 @@ export function Form<S extends z.ZodType<any, any>>({
`}</style>
</form>
</FormProvider>
)
);
}
export default Form
export default Form;

22
app/core/components/labeled-text-field.tsx
View File

@ -1,14 +1,14 @@
import { forwardRef, PropsWithoutRef } from "react"
import { useFormContext } from "react-hook-form"
import { forwardRef, PropsWithoutRef } from "react";
import { useFormContext } from "react-hook-form";
export interface LabeledTextFieldProps extends PropsWithoutRef<JSX.IntrinsicElements["input"]> {
/** Field name. */
name: string
name: string;
/** Field label. */
label: string
label: string;
/** Field type. Doesn't include radio buttons and checkboxes */
type?: "text" | "password" | "email" | "number"
outerProps?: PropsWithoutRef<JSX.IntrinsicElements["div"]>
type?: "text" | "password" | "email" | "number";
outerProps?: PropsWithoutRef<JSX.IntrinsicElements["div"]>;
}
export const LabeledTextField = forwardRef<HTMLInputElement, LabeledTextFieldProps>(
@ -16,10 +16,10 @@ export const LabeledTextField = forwardRef<HTMLInputElement, LabeledTextFieldPro
const {
register,
formState: { isSubmitting, errors },
} = useFormContext()
} = useFormContext();
const error = Array.isArray(errors[name])
? errors[name].join(", ")
: errors[name]?.message || errors[name]
: errors[name]?.message || errors[name];
return (
<div {...outerProps}>
@ -51,8 +51,8 @@ export const LabeledTextField = forwardRef<HTMLInputElement, LabeledTextFieldPro
}
`}</style>
</div>
)
);
}
)
);
export default LabeledTextField
export default LabeledTextField;