input props: errors => error

nexys-system · Feb 18, 2024 · 89b00b5 · 89b00b5
1 parent f937f19
commit 89b00b5
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 13 deletions.
diff --git a/src/components/form/inputs.tsx b/src/components/form/inputs.tsx
@@ -43,10 +43,10 @@ type HtmlInputType = "text" | "date" | "time" | "datetime-local";
 
 const InputTextGeneric =
   (type: HtmlInputType = "text") =>
-  ({ onChange, errors, disabled, value, placeholder }: T.InputProps<string>) =>
+  ({ onChange, error, disabled, value, placeholder }: T.InputProps<string>) =>
     (
       <input
-        className={getClassName(errors)}
+        className={getClassName(error)}
         type={type}
         value={value || ""}
         onChange={(v) => onChange(v.target.value)}
@@ -65,12 +65,12 @@ export const Timepicker = InputTextGeneric("time");
 
 export const Textarea = ({
   onChange,
-  errors,
+  error,
   disabled,
   value,
 }: T.InputProps<string>) => (
   <textarea
-    className={getClassName(errors, "border p-2 rounded resize-y")}
+    className={getClassName(error, "border p-2 rounded resize-y")}
     value={value}
     onChange={(v) => onChange(v.target.value)}
     disabled={disabled}
@@ -81,11 +81,11 @@ export const Select = <A, Id extends number | string>({
   onChange,
   options,
   value,
-  errors,
+  error,
   disabled,
 }: T.InputProps<A, Id>) => (
   <select
-    className={getClassName(errors, "border p-2 rounded bg-white")}
+    className={getClassName(error, "border p-2 rounded bg-white")}
     onChange={(v) => {
       const { value } = v.target;
 

diff --git a/src/examples/form/ui.tsx b/src/examples/form/ui.tsx
@@ -18,7 +18,7 @@ const FormUI = ({
           onChange={(firstName) => setForm({ ...form, firstName })}
           disabled={loading}
           placeholder={"First Name"}
-          errors={errors["firstName"]}
+          error={errors["firstName"]}
         />
       </Inputs.InputWrapper>
       <Inputs.InputWrapper error={errors["lastName"]}>
@@ -27,7 +27,7 @@ const FormUI = ({
           onChange={(lastName) => setForm({ ...form, lastName })}
           disabled={loading}
           placeholder={"Last Name"}
-          errors={errors["lastName"]}
+          error={errors["lastName"]}
         />
       </Inputs.InputWrapper>
 

diff --git a/src/examples/simple-list/list-add/form.tsx b/src/examples/simple-list/list-add/form.tsx
@@ -25,7 +25,7 @@ const FormUI = ({
           onChange={(name) => setForm({ ...form, name })}
           disabled={loading}
           placeholder={"Name"}
-          errors={errors["name"]}
+          error={errors["name"]}
         />
         <button
           disabled={loading || form.name === "" || !form.name}

diff --git a/src/examples/simple-list/list-form/form.tsx b/src/examples/simple-list/list-form/form.tsx
@@ -26,7 +26,7 @@ const FormUI = ({
           onChange={(name) => setForm({ ...form, name })}
           disabled={loading}
           placeholder={"Name"}
-          errors={errors["name"]}
+          error={errors["name"]}
         />
       </Inputs.InputWrapper>
 
@@ -36,7 +36,7 @@ const FormUI = ({
           onChange={(description) => setForm({ ...form, description })}
           disabled={loading}
           placeholder={"Description"}
-          errors={errors["description"]}
+          error={errors["description"]}
         />
       </Inputs.InputWrapper>
       <button

diff --git a/src/lib/form/generator/ui.tsx b/src/lib/form/generator/ui.tsx
@@ -34,7 +34,7 @@ const FormUIGenerator =
                 onChange={(val) => setForm({ ...form, [item.name]: val })}
                 disabled={loading}
                 placeholder={item.placeholder}
-                errors={errors[item.name]}
+                error={errors[item.name]}
                 options={item.options && item.options}
               />
             </InputWrapper>

diff --git a/src/lib/form/type.ts b/src/lib/form/type.ts
@@ -57,7 +57,7 @@ export interface OptionUnit<Id = string> {
 export interface InputProps<A, Id extends string | number = number> {
   value?: A;
   onChange: (a?: A) => void;
-  errors?: string;
+  error?: string;
   disabled?: boolean;
   placeholder?: string;
   options?: OptionUnit<Id>[];
@@ -72,6 +72,7 @@ export interface InputOptionProps<A, Id extends string | number>
 export interface InputWrapperProps {
   label?: string;
   error?: string;
+  //errors?: string[];
   info?: string;
   children: JSX.Element;
 }