[feat/#64] Add: add answer and runtime in new assignment form

MoaRoom · Aug 29, 2023 · 087c21d · 087c21d
1 parent cc1be07
commit 087c21d
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 96 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/NewAssignment.tsx b/src/components/NewAssignment.tsx
@@ -39,6 +39,8 @@ const newAssignment: FC = () => {
         start_date: startDate!.toISOString(),
         due_date: dueDate!.toISOString(),
         description: data.description,
+        answer: data.answer,
+        runtime: data.runtime
     };
 
     setUserId(location.state.user_id);
@@ -164,6 +166,40 @@ const newAssignment: FC = () => {
                         </p>
                       )}
                     </div>
+                    <div className="">
+                      <label className="form-label">답안</label>
+                      <input
+                        type="text"
+                        className="form-control form-control-sm"
+                        id="exampleFormControlInput1"
+                        {...register("answer", {
+                          required: "answer is required!",
+                        })}
+                      />
+                      {errors.answer && (
+                        <p className="text-danger" style={{ fontSize: 14 }}>
+                          {/* {errors.answer.message} */}
+                          errors.answer.message
+                        </p>
+                      )}
+                    </div>
+                    <div className="">
+                      <label className="form-label">실행시간</label>
+                      <input
+                        type="text"
+                        className="form-control form-control-sm"
+                        id="exampleFormControlInput1"
+                        {...register("runtime", {
+                          required: "runtime is required!",
+                        })}
+                      />
+                      {errors.runtime && (
+                        <p className="text-danger" style={{ fontSize: 14 }}>
+                          {/* {errors.runtime.message} */}
+                          errors.runtime.message
+                        </p>
+                      )}
+                    </div>
 
                     <div className="text-center mt-4 ">
                       <button