feat: add createdAt

Author: codeisneverodd

data/problems.json

@@ -1,4 +1,4 @@
-import { Sol } from "@/pages/api/sol";
+import { PostSolReqBody, Sol } from "@/pages/api/sol";
 import { useToast } from "@chakra-ui/react";
 import { QueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import axios from "axios";
@@ -24,7 +24,7 @@ export default function useSols() {
   });
 
   const addSolMutaiton = useMutation({
-    mutationFn: async (sol: Pick<Sol, "author" | "code" | "probId">) => {
+    mutationFn: async (sol: PostSolReqBody) => {
       await axios.post<Sol[]>("/api/sol", sol, {
         headers: {
           "Content-Type": "application/json"

data/solutions.json

@@ -18,7 +18,7 @@ export default async function handler(
   }
 
   if (req.method === "POST") {
-    const newSols: Pick<Sol, "author" | "code" | "probId" | "lang"> = req.body;
+    const newSols: PostSolReqBody = req.body;
 
     const sols = JSON.parse(
       await fs.readFile(`${jsonDirectory}/solutions.json`, "utf-8")
@@ -29,7 +29,7 @@ export default async function handler(
       author: newSols.author,
       code: newSols.code,
       probId: newSols.probId,
-      createdAt: Date.now(),
+      createdAt: +newSols.createdAt,
       lang: newSols.lang
     });
 
@@ -72,3 +72,5 @@ export type Sol = {
   createdAt: ReturnType<typeof Date.now>;
   lang: "JavaScript" | "Python";
 };
+
+export type PostSolReqBody = Omit<Sol, "id">;

src/lib/@hooks/useSols.ts

@@ -2,6 +2,7 @@ import MainLayout from "@/lib/@components/MainLayout";
 import useSols from "@/lib/@hooks/useSols";
 import { Button, Flex, Text, Textarea } from "@chakra-ui/react";
 import { useState } from "react";
+import { PostSolReqBody } from "./api/sol";
 
 export default function NewSol() {
   const [solutionInfo, setSolutionInfo] = useState("");
@@ -12,7 +13,12 @@ export default function NewSol() {
   const checkValid = () => {
     try {
       const info = JSON.parse(solutionInfo);
-      const valid = info.probId && info.author && solCode !== "";
+      const valid =
+        info.probId &&
+        info.author &&
+        info.lang &&
+        info.createdAt &&
+        solCode !== "";
       setIsValid(valid);
       return valid;
     } catch (e) {
@@ -23,11 +29,13 @@ export default function NewSol() {
 
   const handleSumbit = () => {
     if (checkValid()) {
-      const info = JSON.parse(solutionInfo);
+      const info = JSON.parse(solutionInfo) as PostSolReqBody;
       addSolMutaiton.mutate(
         {
           author: info.author,
           probId: info.probId,
+          lang: info.lang,
+          createdAt: info.createdAt,
           code: solCode
         },
         {
@@ -54,17 +62,6 @@ export default function NewSol() {
             문제 추가
           </Button>
         </Flex>
-        <Text fontSize="xl">풀이 데이터</Text>
-        <Textarea
-          h="120px"
-          placeholder="probId, author in json format"
-          value={solutionInfo}
-          onChange={e => {
-            setSolutionInfo(e.target.value);
-          }}
-          onBlur={checkValid}
-        />
-
         <Text fontSize="xl">제출한 정답</Text>
         <Textarea
           placeholder="function()"
@@ -75,6 +72,16 @@ export default function NewSol() {
           onBlur={checkValid}
           h="400px"
         />
+        <Text fontSize="xl">풀이 데이터</Text>
+        <Textarea
+          h="120px"
+          placeholder="probId, author, lang, createdAt in json format"
+          value={solutionInfo}
+          onChange={e => {
+            setSolutionInfo(e.target.value);
+          }}
+          onBlur={checkValid}
+        />
       </Flex>
     </MainLayout>
   );