[feat] add validation (#650)

NUTFes · Nov 11, 2023 · 03552fc · 03552fc
1 parent c372a96
commit 03552fc
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/view/next-project/src/components/purchaseorders/PurchaseOrderAddModal.tsx b/view/next-project/src/components/purchaseorders/PurchaseOrderAddModal.tsx
@@ -52,15 +52,19 @@ export default function AddModal(props: ModalProps) {
     await del(deletePurchaseOrderUrl);
   };
 
+  const [itemName, setItemName] = useState('');
   const handler =
-    (stepNumber: number, input: string) =>
-    (e: React.ChangeEvent<HTMLSelectElement> | React.ChangeEvent<HTMLInputElement>) => {
-      props.setFormDataList(
-        props.formDataList.map((formData: PurchaseItem) =>
-          formData.id === stepNumber ? { ...formData, [input]: e.target.value } : formData,
-        ),
-      );
-    };
+ (stepNumber: number, input: string) =>
+ (e: React.ChangeEvent<HTMLSelectElement> | React.ChangeEvent<HTMLInputElement>) => {
+   props.setFormDataList(
+     props.formDataList.map((formData: PurchaseItem) =>
+       formData.id === stepNumber ? { ...formData, [input]: e.target.value } : formData,
+     ),
+   );
+   if (input === 'item') {
+     setItemName(e.target.value);
+   }
+ };
 
   const addPurchaseItem = async (data: PurchaseItem[]) => {
     const addPurchaseItemUrl = process.env.CSR_API_URI + '/purchaseitems';
@@ -304,6 +308,7 @@ export default function AddModal(props: ModalProps) {
                             activeStep === steps.length ? setIsDone(true) : nextStep();
                           }
                         }}
+                        disabled={itemName.trim() === ''}
                       >
                         <div className={clsx('flex')}>
                           {activeStep === steps.length ? '申請の確認' : '次へ'}