cleaned up update form and promo list

src/component/promotionforms/PromotionNewFormComponent.jsx

@@ -100,6 +100,8 @@ export default function PromotionNewFormComponent (props) {
                                 })}
                                     />
                             {errors.productSku && <p className="form-error">{errors.productSku.message}</p>}
+
+
                     <br></br>
                 </div>
 

src/component/promotionforms/UpdatePromotionForm.jsx

@@ -42,7 +42,8 @@ export default function PromotionUpdateFormComponent(props) {
         setValue('productSku', data.value)
     }
 
-    const productSku = register('productSku', { required: true })
+    register('productSku', { required: true })
+    setValue('productSku', props.location.state.promo.productSku);
     return (
         <div>
             <div className="promo-container">
@@ -57,7 +58,7 @@ export default function PromotionUpdateFormComponent(props) {
                                 {...register("promotionId", {
                                     value: props.location.state.promo.promotionId,
                                     required: "promotion id is required",
-                                    maxLength: { value: 10, message: "You exceeded the maximum value" },
+                                    maxLength: { value: 20, message: "You exceeded the maximum value" },
                                     
                                 })}
                                 readOnly
@@ -87,6 +88,8 @@ export default function PromotionUpdateFormComponent(props) {
                                     }
                                 })} />
                             {errors.productSku && <p className="form-error">{errors.productSku.message}</p>}
+                            {errors.productSku && console.log(errors) && <p className="form-error">{errors.productSku.message}</p>}
+
                             <br></br>
                         </div>