feat: 이미지를 제외한 모든 입력값 존재하는지 검사

Author: SanginJeong

vite-project/src/pages/AddItemPage/components/AddItemFormHeader/index.jsx

@@ -1,10 +1,17 @@
-const AddItemFormHeader = () => {
+const AddItemFormHeader = ({ formData }) => {
+  const isDisabled =
+    formData.name &&
+    formData.price &&
+    formData.description &&
+    formData.tags.length > 0;
+
   return (
     <div className="addItem-form-header">
       <h3 className="addItem-form-header-title">상품 등록하기</h3>
       <button
         className="button btn-small-40 addItem-form-submit-btn"
         type="submit"
+        disabled={!isDisabled}
       >
         등록
       </button>

vite-project/src/pages/AddItemPage/index.jsx

@@ -83,7 +83,7 @@ const AddItemPage = () => {
   return (
     <div className="addItem-page-layout">
       <form className="addItem-form" onSubmit={handleSubmitAddItem}>
-        <AddItemFormHeader />
+        <AddItemFormHeader formData={formData} />
         <AddItemImage
           image={previewImage}
           ref={fileInputRef}