From 087c21dabb6d92bfb62b878645d22d496dbb57b9 Mon Sep 17 00:00:00 2001
From: mjms0214 <mjms0214@sookmyung.ac.kr>
Date: Tue, 29 Aug 2023 21:01:51 +0900
Subject: [PATCH] [feat/#64] Add: add answer and runtime in new assignment form

---
 package-lock.json                | 96 --------------------------------
 src/components/NewAssignment.tsx | 36 ++++++++++++
 2 files changed, 36 insertions(+), 96 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 74e0e06..f08b267 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,6 @@
         "babel-preset-react": "^6.24.1",
         "babel-preset-stage-0": "^6.24.1",
         "bootstrap": "^5.2.3",
-        "http-proxy-middleware": "^2.0.6",
         "moment": "^2.29.4",
         "react": "^18.2.0",
         "react-datepicker": "^4.12.0",
@@ -2280,14 +2279,6 @@
       "integrity": "sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==",
       "dev": true
     },
-    "node_modules/@types/http-proxy": {
-      "version": "1.17.11",
-      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz",
-      "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/jest": {
       "version": "27.5.2",
       "resolved": "https://registry.npmjs.org/@types/jest/-/jest-27.5.2.tgz",
@@ -9725,82 +9716,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/http-proxy-middleware": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
-      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
-      "dependencies": {
-        "@types/http-proxy": "^1.17.8",
-        "http-proxy": "^1.18.1",
-        "is-glob": "^4.0.1",
-        "is-plain-obj": "^3.0.0",
-        "micromatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "@types/express": "^4.17.13"
-      },
-      "peerDependenciesMeta": {
-        "@types/express": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/http-proxy-middleware/node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/http-proxy-middleware/node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/http-proxy-middleware/node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/http-proxy-middleware/node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/http-proxy-middleware/node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
     "node_modules/http-signature": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
@@ -10471,17 +10386,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-plain-object": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
diff --git a/src/components/NewAssignment.tsx b/src/components/NewAssignment.tsx
index 3db6b0d..d26c7cb 100644
--- 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