Merge pull request #26 from FRC2713/preserveDataOnReset

fix number field resets, add min and max length to text fields

src/components/inputs/ConfigurableInput.tsx

@@ -51,6 +51,7 @@ export default function ConfigurableInput(props: ConfigurableInputProps) {
           key={input.title}
           {...input}
           onChange={handleChange}
+          defaultValue={input.defaultValue}
           section={props.section}
         />
       );

src/components/inputs/NumberInput.tsx

@@ -2,24 +2,27 @@ import React from 'react';
 import BaseInputProps from './BaseInputProps';
 
 export interface NumberInputProps extends BaseInputProps {
+  value?: number;
   min?: number;
   max?: number;
   defaultValue?: number;
 }
 
 export default function NumberInput(data: NumberInputProps) {
   function handleChange(e: React.ChangeEvent<HTMLInputElement>) {
-    data.onChange(e.currentTarget.value);
     e.preventDefault();
+    data.onChange(e.currentTarget.value);
   }
 
+  console.log(data);
+
   return (
     <input
       className="w-full rounded py-2 dark:bg-gray-700 dark:text-white"
       type="number"
       min={data.min}
       max={data.max}
-      value={data.defaultValue}
+      value={data.value || data.defaultValue || ''}
       id={data.title}
       onChange={handleChange}
     />

src/components/inputs/StringInput.tsx

@@ -23,6 +23,8 @@ export default function StringInput(props: StringInputProps) {
       onChange={handleChange}
       defaultValue={data?.defaultValue || ''}
       value={data?.value || ''}
-    ></textarea>
+      maxlength={props.max}
+      minlength={props.min}
+    />
   );
 }