fix to add form default value and fix bug

src/component/promo_index/PromotionsIndexComponent.jsx

@@ -58,7 +58,7 @@ export default function PromotionIndexComponent ({}) {
                             </tr>
                         </thead>
                         <tbody>
-                        {promoData.reverse().map((promo, key) => {
+                        {promoData.map((promo, key) => {
                             return (
                             <tr key={key}>
                             <td>
@@ -86,7 +86,8 @@ export default function PromotionIndexComponent ({}) {
                             </td>
                             </tr>
                             )
-                        })}
+                        }).reverse()
+                        }
                         </tbody>
                     </table>
                 </div>

src/component/promotionforms/UpdatePromotionForm.jsx

@@ -35,19 +35,14 @@ export default function PromotionUpdateFormComponent(props) {
 
     const loadProducts = async (event) => {
         const data = await getAllProducts();
-
         setproductData(data);
-
     }
 
     const onChange = (e, data) => {
-        console.log(data)
         setValue('productSku', data.value)
-        console.log(productSku)
     }
-    const productSku = register('productSku', { required: true })
-
 
+    const productSku = register('productSku', { required: true })
     return (
         <div>
             <div className="promo-container">
@@ -76,20 +71,12 @@ export default function PromotionUpdateFormComponent(props) {
                         </div>
                         <div className="form-group">
                             <label>Product Sku</label>
-                            {/* <input
-                                {...register("productSku", {
-                                    value: props.location.state.promo.productSku,
-                                    required: "product sku required",
-                                    maxLength: { value: 10, message: "You exceeded the maximum value" }
-                                })}
-                                id="productSku"
-                                className="form-control"
-                            /> */}
                             <Dropdown
                                 placeholder='Select Product'
                                 fluid
                                 search
                                 selection
+                                defaultValue={props.location.state.promo.productSku}
                                 onChange={onChange}
                                 onSearchChange={onChange}
                                 options={productData.map(prod => {