From c2f49f4f0248c905d42d4ac323489c3df21b0d34 Mon Sep 17 00:00:00 2001
From: dongzoolee <me@leed.at>
Date: Tue, 17 Sep 2024 23:23:17 +0900
Subject: [PATCH] Implement contest review Modal

---
 .../contexts/selected-history-context.tsx     |  2 +-
 .../{ => history-display}/history-display.tsx | 21 +----
 .../history-display/links-and-reviews.tsx     | 79 +++++++++++++++++++
 .../src/app/history-page/history-page.tsx     |  2 +-
 .../src/common/ui/button/button.tsx           |  6 +-
 .../src/common/ui/modal/modal.tsx             | 47 +++++++++++
 .../src/contexts/assets/data/2005.ts          |  1 +
 .../src/contexts/assets/data/2006.ts          |  1 +
 .../src/contexts/assets/data/2007.ts          |  1 +
 .../src/contexts/assets/data/2008.ts          |  8 ++
 .../src/contexts/assets/data/2009.ts          |  4 +
 .../src/contexts/assets/data/2010.ts          |  3 +
 .../src/contexts/assets/data/2011.ts          |  2 +
 .../src/contexts/assets/data/2012.ts          |  3 +
 .../src/contexts/assets/data/2013.ts          |  2 +
 .../src/contexts/assets/data/2014.ts          |  2 +
 .../src/contexts/assets/data/2015.ts          |  4 +
 .../src/contexts/assets/data/2016.ts          |  4 +
 .../src/contexts/assets/data/2017.ts          |  9 +++
 .../src/contexts/assets/data/2018.ts          |  7 ++
 .../src/contexts/assets/data/2019.ts          | 10 +++
 .../src/contexts/assets/data/2020.ts          | 15 ++++
 .../src/contexts/assets/data/2021.ts          |  8 ++
 .../src/contexts/assets/data/2022.ts          | 10 +++
 .../src/contexts/assets/data/2023.ts          |  4 +
 .../src/contexts/assets/data/2024.ts          |  1 +
 26 files changed, 234 insertions(+), 22 deletions(-)
 rename sogang-icpc-team.github.io-react/src/app/history-page/{ => history-display}/history-display.tsx (78%)
 create mode 100644 sogang-icpc-team.github.io-react/src/app/history-page/history-display/links-and-reviews.tsx
 create mode 100644 sogang-icpc-team.github.io-react/src/common/ui/modal/modal.tsx

diff --git a/sogang-icpc-team.github.io-react/src/app/history-page/contexts/selected-history-context.tsx b/sogang-icpc-team.github.io-react/src/app/history-page/contexts/selected-history-context.tsx
index 155133c..b16e680 100644
--- a/sogang-icpc-team.github.io-react/src/app/history-page/contexts/selected-history-context.tsx
+++ b/sogang-icpc-team.github.io-react/src/app/history-page/contexts/selected-history-context.tsx
@@ -2,7 +2,7 @@ import React, { createContext, useContext, useEffect, useState } from "react";
 
 import { type THistoryData } from "../../../contexts/history-data-context";
 
-type TSelectedHistoryContext = {
+export type TSelectedHistoryContext = {
   year: number;
   setYear: React.Dispatch<React.SetStateAction<number>>;
   data: THistoryData["all"][number];
diff --git a/sogang-icpc-team.github.io-react/src/app/history-page/history-display.tsx b/sogang-icpc-team.github.io-react/src/app/history-page/history-display/history-display.tsx
similarity index 78%
rename from sogang-icpc-team.github.io-react/src/app/history-page/history-display.tsx
rename to sogang-icpc-team.github.io-react/src/app/history-page/history-display/history-display.tsx
index 0e92104..9750ffb 100644
--- a/sogang-icpc-team.github.io-react/src/app/history-page/history-display.tsx
+++ b/sogang-icpc-team.github.io-react/src/app/history-page/history-display/history-display.tsx
@@ -3,13 +3,9 @@ import { styled } from "styled-components";
 import { Section } from "@ui/section/section";
 import { Table } from "@ui/table/table";
 import { AwardBadge, TAwardBadgeVariant } from "@ui/award-badge/award-badge";
-import { OpenInANewTab } from "@ui/open-in-a-new-tab";
 
-import { useSelectedHistoryContext } from "./contexts/selected-history-context";
-
-const LinksWrapper = styled.ul`
-  margin-top: 16px;
-`;
+import { useSelectedHistoryContext } from "../contexts/selected-history-context";
+import { LinksAndReviews } from "./links-and-reviews";
 
 const _HistoryDisplay = ({ className }: { className?: string }) => {
   const selectedHistory = useSelectedHistoryContext();
@@ -17,7 +13,7 @@ const _HistoryDisplay = ({ className }: { className?: string }) => {
   return (
     <div className={className}>
       {selectedHistory.data.contests.map(
-        ({ title, columns, data, award, links }) => (
+        ({ title, columns, data, award, links, review }) => (
           <Section key={title}>
             <Section.Title>{title}</Section.Title>
             <Section.Body>
@@ -56,16 +52,7 @@ const _HistoryDisplay = ({ className }: { className?: string }) => {
                   </Table.Body>
                 </Table>
               </Table.Wrapper>
-              <LinksWrapper>
-                {links?.map((link) => {
-                  return (
-                    <li key={link[1]}>
-                      <OpenInANewTab href={link[1]}>{link[0]}</OpenInANewTab>
-                    </li>
-                  );
-                })}
-                {/* TODO: Show Review Table */}
-              </LinksWrapper>
+              <LinksAndReviews links={links} review={review} />
             </Section.Body>
           </Section>
         ),
diff --git a/sogang-icpc-team.github.io-react/src/app/history-page/history-display/links-and-reviews.tsx b/sogang-icpc-team.github.io-react/src/app/history-page/history-display/links-and-reviews.tsx
new file mode 100644
index 0000000..fa3c52f
--- /dev/null
+++ b/sogang-icpc-team.github.io-react/src/app/history-page/history-display/links-and-reviews.tsx
@@ -0,0 +1,79 @@
+import { useState } from "react";
+import { styled } from "styled-components";
+
+import { OpenInANewTab } from "@ui/open-in-a-new-tab";
+import { Modal } from "@ui/modal/modal";
+import { Table } from "@ui/table/table";
+import { OpenInANewTabButton } from "@ui/button/open-in-a-new-tab-button";
+import { Button } from "@ui/button/button";
+
+import { TSelectedHistoryContext } from "../contexts/selected-history-context";
+const ReviewTable = styled(Table)`
+  min-width: unset;
+  margin-top: 12px;
+`;
+const LinksWrapper = styled.div`
+  display: flex;
+  gap: 8px;
+  margin-top: 16px;
+`;
+const ReviewLinkCell = styled(Table.Cell)`
+  word-break: break-all;
+`;
+
+export const LinksAndReviews = ({
+  className,
+  links,
+  review,
+}: {
+  className?: string;
+  links: TSelectedHistoryContext["data"]["contests"][number]["links"];
+  review: TSelectedHistoryContext["data"]["contests"][number]["review"];
+}) => {
+  const [showModal, setShowModal] = useState(false);
+
+  return (
+    <div className={className}>
+      <LinksWrapper>
+        {links.map((link) => {
+          return (
+            <OpenInANewTabButton key={link[1]} href={link[1]}>
+              {link[0]}
+            </OpenInANewTabButton>
+          );
+        })}
+        {review.length > 0 ? (
+          <Button onClick={() => setShowModal(true)}>대회 후기</Button>
+        ) : null}
+        <Modal
+          show={showModal}
+          onClose={() => setShowModal(false)}
+          header="대회 후기"
+          body={
+            <Table.Wrapper>
+              <ReviewTable>
+                <Table.Header>
+                  <Table.Row>
+                    <Table.Head>작성자</Table.Head>
+                    <Table.Head>링크</Table.Head>
+                  </Table.Row>
+                </Table.Header>
+                <Table.Body>
+                  {review.map((r) => (
+                    <Table.Row key={r[0]}>
+                      <Table.Cell>{r[0]}</Table.Cell>
+                      <ReviewLinkCell>
+                        <OpenInANewTab href={r[1]}>{r[1]}</OpenInANewTab>
+                      </ReviewLinkCell>
+                    </Table.Row>
+                  ))}
+                </Table.Body>
+              </ReviewTable>
+            </Table.Wrapper>
+          }
+          footer={<></>}
+        />
+      </LinksWrapper>
+    </div>
+  );
+};
diff --git a/sogang-icpc-team.github.io-react/src/app/history-page/history-page.tsx b/sogang-icpc-team.github.io-react/src/app/history-page/history-page.tsx
index e606eca..9a97b5c 100644
--- a/sogang-icpc-team.github.io-react/src/app/history-page/history-page.tsx
+++ b/sogang-icpc-team.github.io-react/src/app/history-page/history-page.tsx
@@ -7,7 +7,7 @@ import ScoreboardImage from "./assets/scoreboard.jpg";
 import { HistoryTab } from "./history-tab";
 import { useHistoryDataContext } from "../../contexts/history-data-context";
 import { SelectedHistoryContextProvider } from "./contexts/selected-history-context";
-import { HistoryDisplay } from "./history-display";
+import { HistoryDisplay } from "./history-display/history-display";
 import constants from "../../contexts/assets/constants";
 
 const GrayText = styled.div`
diff --git a/sogang-icpc-team.github.io-react/src/common/ui/button/button.tsx b/sogang-icpc-team.github.io-react/src/common/ui/button/button.tsx
index 02ace9c..c061e4b 100644
--- a/sogang-icpc-team.github.io-react/src/common/ui/button/button.tsx
+++ b/sogang-icpc-team.github.io-react/src/common/ui/button/button.tsx
@@ -7,9 +7,9 @@ export const Button = styled.button`
   display: inline-flex;
   align-items: center;
 
-  height: 42px;
-  line-height: 42px;
-  padding: 12px 16px;
+  height: 36px;
+  line-height: 36px;
+  padding: 0 12px;
 
   border: 1px solid #b60005;
   border-radius: 12px;
diff --git a/sogang-icpc-team.github.io-react/src/common/ui/modal/modal.tsx b/sogang-icpc-team.github.io-react/src/common/ui/modal/modal.tsx
new file mode 100644
index 0000000..e1c9c7e
--- /dev/null
+++ b/sogang-icpc-team.github.io-react/src/common/ui/modal/modal.tsx
@@ -0,0 +1,47 @@
+import { Modal as AntdModal } from "antd";
+import { useEffect, useState } from "react";
+import { createGlobalStyle } from "styled-components";
+
+const ModalStyles = createGlobalStyle`
+  .ant-modal-mask {
+    background-color: transparent !important;
+    backdrop-filter: blur(1px);
+  }
+`;
+export const Modal = ({
+  show,
+  onClose,
+  header,
+  body,
+  footer,
+}: {
+  show: boolean;
+  onClose: () => void;
+  header?: React.ReactNode;
+  body: React.ReactNode;
+  footer?: React.ReactNode;
+}) => {
+  const [open, setOpen] = useState(false);
+
+  useEffect(() => {
+    setOpen(show);
+  }, [show]);
+
+  const handleClose = () => {
+    onClose();
+  };
+
+  return (
+    <>
+      <ModalStyles />
+      <AntdModal
+        open={open}
+        onClose={handleClose}
+        onCancel={handleClose}
+        title={header}
+        children={body}
+        footer={footer}
+      />
+    </>
+  );
+};
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2005.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2005.ts
index 4c3f424..013e517 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2005.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2005.ts
@@ -7,6 +7,7 @@ export default {
       data: [["9", "-", "Weird-OS", "김영욱, 심재은, 이한승"]],
       award: ["bronze"],
       links: [["공식 사이트", "http://icpckorea.org/2005-seoul/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2006.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2006.ts
index ddcae08..0d310e2 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2006.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2006.ts
@@ -7,6 +7,7 @@ export default {
       data: [["-", "-", "IHS", "김영욱, 김우현, 최병현"]],
       award: [""],
       links: [["공식 사이트", "http://icpckorea.org/2006-seoul/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2007.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2007.ts
index 7b8da99..baf94e9 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2007.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2007.ts
@@ -7,6 +7,7 @@ export default {
       data: [["6", "-", "Kuru", "김우현, 안재원, 최백준"]],
       award: ["silver"],
       links: [["공식 사이트", "http://icpckorea.org/2007-seoul/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2008.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2008.ts
index 63eaa66..5d8ebf5 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2008.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2008.ts
@@ -7,6 +7,7 @@ export default {
       data: [["8", "-", "Coderani", "김우현, 안재원, 최백준"]],
       award: ["silver"],
       links: [["공식 사이트", "http://icpckorea.org/2008-seoul/regional"]],
+      review: [],
     },
     {
       title: "2008 ACM-ICPC Asia Kuala Lumpur Regional Contest",
@@ -14,6 +15,7 @@ export default {
       data: [["14", "-", "Greenzilla", "김우현, 안재원, 최백준"]],
       award: [""],
       links: [["공식 사이트", "http://icpckorea.org/2008-seoul/regional"]],
+      review: [],
     },
     {
       title: "Google Code Jam APAC Semifinal 2008",
@@ -26,6 +28,7 @@ export default {
           "https://code.google.com/codejam/contest/32005/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 3 2008",
@@ -38,6 +41,7 @@ export default {
           "https://code.google.com/codejam/contest/32002/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 2 2008",
@@ -50,6 +54,7 @@ export default {
           "https://code.google.com/codejam/contest/32001/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1B 2008",
@@ -62,12 +67,15 @@ export default {
           "https://code.google.com/codejam/contest/32017/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Java Algorithm Contest",
       columns: ["#", "팀", "멤버"],
       data: [["3", "C#", "김우현, 안재원, 최백준"]],
       award: ["bronze"],
+      links: [],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2009.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2009.ts
index 3130006..017bfae 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2009.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2009.ts
@@ -11,6 +11,7 @@ export default {
       ],
       award: ["silver", "", ""],
       links: [["공식 사이트", "http://icpckorea.org/2009-seoul/regional"]],
+      review: [],
     },
     {
       title: "2009 ACM-ICPC Asia Amritapuri Regional Contest",
@@ -23,12 +24,15 @@ export default {
           "https://icpc.baylor.edu/regionals/finder/amritapuri-2009",
         ],
       ],
+      review: [],
     },
     {
       title: "Java Algorithm Contest",
       columns: ["#", "팀", "멤버"],
       data: [["3", "KTX", "최백준 (+ 타교생 2인)"]],
       award: [""],
+      links: [],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2010.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2010.ts
index d6b52b1..ccb7258 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2010.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2010.ts
@@ -9,6 +9,7 @@ export default {
       links: [
         ["공식 사이트", "https://icpc.baylor.edu/community/results-2010"],
       ],
+      review: [],
     },
     {
       title: "2010 ACM-ICPC Asia Daejeon Regional Contest",
@@ -19,6 +20,7 @@ export default {
       ],
       award: ["", ""],
       links: [["공식 사이트", "http://icpckorea.org/2010-daejeon/regional"]],
+      review: [],
     },
     {
       title: "2010 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -54,6 +56,7 @@ export default {
         "",
       ],
       links: [["공식 사이트", "http://icpckorea.org/2010-daejeon/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2011.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2011.ts
index c5b5b5b..37e5d10 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2011.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2011.ts
@@ -12,6 +12,7 @@ export default {
       ],
       award: ["silver", "", "", ""],
       links: [["공식 사이트", "http://icpckorea.org/2011-daejeon/regional"]],
+      review: [],
     },
     {
       title: "2011 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -39,6 +40,7 @@ export default {
         "",
       ],
       links: [["공식 사이트", "http://icpckorea.org/2011-daejeon/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2012.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2012.ts
index 3b8fdba..cd22ac4 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2012.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2012.ts
@@ -13,6 +13,7 @@ export default {
       ],
       award: ["silver", "", "", "", ""],
       links: [["공식 사이트", "http://icpckorea.org/2012-daejeon/regional"]],
+      review: [],
     },
     {
       title: "2012 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -38,6 +39,7 @@ export default {
         "",
       ],
       links: [["공식 사이트", "http://icpckorea.org/2012-daejeon/regional"]],
+      review: [],
     },
     {
       title: "SK Planet Code Spring Round 1",
@@ -45,6 +47,7 @@ export default {
       data: [["3", "최백준"]],
       award: [""],
       links: [],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2013.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2013.ts
index d69c566..ff9aa1f 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2013.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2013.ts
@@ -13,6 +13,7 @@ export default {
       ],
       award: ["silver", "", "", "", ""],
       links: [["공식 사이트", "http://icpckorea.org/2013-daejeon/regional"]],
+      review: [],
     },
     {
       title: "2013 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -48,6 +49,7 @@ export default {
         "",
       ],
       links: [["공식 사이트", "http://icpckorea.org/2013-daejeon/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2014.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2014.ts
index 9574f67..7c14a15 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2014.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2014.ts
@@ -11,6 +11,7 @@ export default {
       ],
       award: ["bronze", "", ""],
       links: [["공식 사이트", "http://icpckorea.org/2014-daejeon/regional"]],
+      review: [],
     },
     {
       title: "2014 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -52,6 +53,7 @@ export default {
         "",
       ],
       links: [["공식 사이트", "http://icpckorea.org/2014-daejeon/regional"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2015.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2015.ts
index 1cea5ea..9a096e6 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2015.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2015.ts
@@ -15,6 +15,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2015-daejeon/regional"],
         ["스코어보드", "http://icpckorea.org/2015/regional/scoreboard.html"],
       ],
+      review: [],
     },
     {
       title: "2015 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -61,6 +62,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2015-daejeon/regional"],
         ["스코어보드", "http://icpckorea.org/2015/ONLINE/scoreboard.html"],
       ],
+      review: [],
     },
     {
       title: "Samsung Collegiate Programming Contest 2015 Onsite Finals",
@@ -73,6 +75,7 @@ export default {
       links: [
         ["공식 사이트", "https://www.codeground.org/scpc/commons/honer/list"],
       ],
+      review: [],
     },
     {
       title: "UCPC 2015 본선",
@@ -89,6 +92,7 @@ export default {
       ],
       award: ["", "", "", "", "", "", "", ""],
       links: [["스코어보드", "https://www.acmicpc.net/contest/scoreboard/97"]],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2016.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2016.ts
index ac86727..effd784 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2016.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2016.ts
@@ -13,6 +13,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2016-daejeon/regional"],
         ["스코어보드", "http://icpckorea.org/2016/REGIONAL/scoreboard.html"],
       ],
+      review: [],
     },
     {
       title: "2016 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -57,6 +58,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2016-daejeon/regional"],
         ["스코어보드", "http://icpckorea.org/2016/ONLINE/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "UCPC 2016 본선",
@@ -69,6 +71,8 @@ export default {
         ["54", "3", "AngMerDdi", "-"],
       ],
       award: ["", "", "", "", ""],
+      links: [],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2017.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2017.ts
index b2cc7f2..81a37df 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2017.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2017.ts
@@ -13,6 +13,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2017-daejeon/regional"],
         ["스코어보드", "http://icpckorea.org/2017/regional/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "2017 ACM-ICPC Asia Daejeon Preliminary Contest",
@@ -36,6 +37,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2017-daejeon/regional"],
         ["스코어보드", "http://icpckorea.org/2017/preliminary/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 3 2017",
@@ -48,6 +50,7 @@ export default {
           "https://code.google.com/codejam/contest/8304486/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 2 2017",
@@ -63,6 +66,7 @@ export default {
           "https://code.google.com/codejam/contest/5314486/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1A 2017",
@@ -78,6 +82,7 @@ export default {
           "https://code.google.com/codejam/contest/5304486/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1B 2017",
@@ -93,6 +98,7 @@ export default {
           "https://code.google.com/codejam/contest/8294486/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1C 2017",
@@ -105,6 +111,7 @@ export default {
           "https://code.google.com/codejam/contest/3274486/dashboard",
         ],
       ],
+      review: [],
     },
     {
       title: "Samsung Collegiate Programming Contest 2017 Onsite Finals",
@@ -114,6 +121,7 @@ export default {
       links: [
         ["공식 사이트", "https://www.codeground.org/scpc/commons/honer/list"],
       ],
+      review: [],
     },
     {
       title: "2017 Kakao Code Festival 본선",
@@ -131,6 +139,7 @@ export default {
           "http://t1.kakaocdn.net/codefestival/round-2-scoreboard/index.html",
         ],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2018.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2018.ts
index 2d8d5c6..7212917 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2018.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2018.ts
@@ -14,6 +14,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2018-seoul/regional"],
         ["스코어보드", "http://icpckorea.org/2018/regional/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "2018 ACM-ICPC Asia Seoul Preliminary Contest",
@@ -48,6 +49,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2018-seoul/regional"],
         ["스코어보드", "http://icpckorea.org/2018/preliminary/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 3 2018",
@@ -60,6 +62,7 @@ export default {
           "https://codejam.withgoogle.com/2018/challenges/0000000000007707",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 2 2018",
@@ -75,6 +78,7 @@ export default {
           "https://codejam.withgoogle.com/2018/challenges/0000000000007706",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1A 2018",
@@ -91,6 +95,7 @@ export default {
           "https://codejam.withgoogle.com/2018/challenges/0000000000007883",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1C 2018",
@@ -106,6 +111,7 @@ export default {
           "https://codejam.withgoogle.com/2018/challenges/0000000000007765",
         ],
       ],
+      review: [],
     },
     {
       title: "UCPC 2018 본선",
@@ -120,6 +126,7 @@ export default {
         ["공식 사이트", "https://2018.ucpc.io"],
         ["스코어보드", "https://ucpc.acmicpc.net/contest/spotboard/314"],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2019.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2019.ts
index 907a8fd..41d18e9 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2019.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2019.ts
@@ -14,6 +14,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org"],
         ["스코어보드", "http://icpckorea.org/2019/regional/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "2019 ICPC Asia Bangkok Regional Contest",
@@ -24,6 +25,7 @@ export default {
         ["공식 사이트", "https://acm-icpc.eng.chula.ac.th"],
         ["스코어보드", "http://icpc-scoreboard.eng.chula.ac.th"],
       ],
+      review: [],
     },
     {
       title: "2019 ICPC Asia Seoul Preliminary Contest",
@@ -62,6 +64,7 @@ export default {
         ["공식 사이트", "http://icpckorea.org/2019-seoul/regional"],
         ["스코어보드", "http://icpckorea.org/2019/preliminary/scoreboard"],
       ],
+      review: [],
     },
     {
       title: "Google Hash Code 2019 Online Qualification Round",
@@ -75,6 +78,7 @@ export default {
           "https://hashcodejudge.withgoogle.com/#/rounds/6417837228818432/scoreboards",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round A",
@@ -92,6 +96,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/0000000000050e01",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round H",
@@ -105,6 +110,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/0000000000050edd",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1A 2019",
@@ -118,6 +124,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/0000000000051635",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1B 2019",
@@ -131,6 +138,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/0000000000051706",
         ],
       ],
+      review: [],
     },
     {
       title: "Samsung Collegiate Programming Contest 2019 Onsite Finals",
@@ -143,6 +151,7 @@ export default {
       links: [
         ["공식 사이트", "https://www.codeground.org/scpc/commons/honer/list"],
       ],
+      review: [],
     },
     {
       title: "UCPC 2019 본선",
@@ -160,6 +169,7 @@ export default {
         ["공식 사이트", "https://ucpc-kr.github.io"],
         ["스코어보드", "https://ucpc.acmicpc.net/contest/spotboard/450"],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2020.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2020.ts
index 0aa73f2..d06d897 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2020.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2020.ts
@@ -87,6 +87,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/000000000019ffc7",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round B 2020",
@@ -103,6 +104,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/000000000019ffc8",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round C 2020",
@@ -119,6 +121,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/000000000019ff43",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round D 2020",
@@ -136,6 +139,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/000000000019ff08",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round E 2020",
@@ -153,6 +157,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/000000000019ff47",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round F 2020",
@@ -169,6 +174,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/000000000019ff48",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Kick Start Round G 2020",
@@ -186,6 +192,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/00000000001a0069",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 2 2020",
@@ -203,6 +210,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/000000000019ffb9",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1A 2020",
@@ -221,6 +229,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/000000000019fd74",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1B 2020",
@@ -237,6 +246,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/000000000019fef2",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Hash Code 2020 Online Qualification Round",
@@ -257,6 +267,7 @@ export default {
           "https://hashcodejudge.withgoogle.com/#/rounds/6313004828196864/scoreboards",
         ],
       ],
+      review: [],
     },
     {
       title: "SUAPC 2020 Summer division 1",
@@ -297,6 +308,7 @@ export default {
         ["문제", "https://www.acmicpc.net/category/detail/2275"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/518"],
       ],
+      review: [],
     },
     {
       title: "2020 ICPC Sinchon Summer Algorithm Camp Contest - 중급",
@@ -310,6 +322,7 @@ export default {
         ["문제", "https://www.acmicpc.net/category/detail/2290"],
         ["스코어보드", "https://www.acmicpc.net/contest/board/533"],
       ],
+      review: [],
     },
     {
       title: "Samsung Collegiate Programming Contest 2020 Finals",
@@ -322,6 +335,7 @@ export default {
       links: [
         ["공식 사이트", "https://www.codeground.org/scpc/commons/honer/list"],
       ],
+      review: [],
     },
     {
       title: "UCPC 2020 본선",
@@ -345,6 +359,7 @@ export default {
         ["해설", "http://ucpc.me/assets/ucpc20-finals-solutions.pdf"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/524"],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2021.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2021.ts
index 50c6d0c..cb2cdc6 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2021.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2021.ts
@@ -75,6 +75,7 @@ export default {
         ["공식 사이트", "https://suapc.kr"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/678"],
       ],
+      review: [],
     },
     {
       title: "2021 ICPC Sinchon Summer Algorithm Camp Contest - Intermediate",
@@ -85,6 +86,7 @@ export default {
         ["공식 사이트", "https://icpc-sinchon.io/campcontest"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/677"],
       ],
+      review: [],
     },
     {
       title: "2021 ICPC Sinchon Summer Algorithm Camp Contest - Novice",
@@ -98,6 +100,7 @@ export default {
         ["공식 사이트", "https://icpc-sinchon.io/campcontest"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/676"],
       ],
+      review: [],
     },
     {
       title: "UCPC 2021 본선",
@@ -111,6 +114,7 @@ export default {
         ["공식 사이트", "https://ucpc.me"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/670"],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 2 2021",
@@ -127,6 +131,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/0000000000435915",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1A 2021",
@@ -144,6 +149,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/000000000043585d",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Hash Code 2021 Online Qualification Round",
@@ -166,6 +172,7 @@ export default {
           "https://hashcodejudge.withgoogle.com/#/rounds/5879728443490304/scoreboards",
         ],
       ],
+      review: [],
     },
     {
       title: "SUAPC 2021 Winter",
@@ -213,6 +220,7 @@ export default {
         ["문제", "https://www.acmicpc.net/category/detail/2428"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/588"],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2022.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2022.ts
index 23dcefb..7fc7782 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2022.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2022.ts
@@ -84,6 +84,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/kickstart/round/00000000008cb4d1",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 3 2022",
@@ -97,6 +98,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/00000000008779b4",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 2 2022",
@@ -113,6 +115,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/00000000008778ec",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1A 2022",
@@ -126,6 +129,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/000000000087711b",
         ],
       ],
+      review: [],
     },
     {
       title: "Google Code Jam Round 1B 2022",
@@ -139,6 +143,7 @@ export default {
           "https://codingcompetitions.withgoogle.com/codejam/round/000000000087711b",
         ],
       ],
+      review: [],
     },
     {
       title: "Samsung Collegiate Programming Contest 2022 Finals",
@@ -148,6 +153,7 @@ export default {
       links: [
         ["공식 사이트", "https://www.codeground.org/scpc/commons/honer/list"],
       ],
+      review: [],
     },
     {
       title: "SUAPC 2022 Summer",
@@ -196,6 +202,7 @@ export default {
         ["공식 사이트", "https://icpc-sinchon.io/campcontest"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/841"],
       ],
+      review: [],
     },
     {
       title: "SUAPC 2022 Winter",
@@ -213,6 +220,7 @@ export default {
         ["공식 사이트", "https://suapc.kr"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/764"],
       ],
+      review: [],
     },
     {
       title: "2022 ICPC Sinchon Winter Algorithm Camp Contest - Advanced",
@@ -226,6 +234,7 @@ export default {
         ["공식 사이트", "https://icpc-sinchon.io/campcontest"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/758"],
       ],
+      review: [],
     },
     {
       title: "2022 ICPC Sinchon Winter Algorithm Camp Contest - Novice",
@@ -236,6 +245,7 @@ export default {
         ["공식 사이트", "https://icpc-sinchon.io/campcontest"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/759"],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2023.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2023.ts
index 6205684..799877f 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2023.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2023.ts
@@ -10,6 +10,7 @@ export default {
         ["공식 사이트", "https://competition.binus.ac.id/icpc2023"],
         ["스코어보드", "https://competition.binus.ac.id/icpc2023/final.html"],
       ],
+      review: [],
     },
     {
       title: "2023 ICPC Asia Seoul Regional Contest",
@@ -71,6 +72,7 @@ export default {
       links: [
         ["공식 사이트", "https://www.codeground.org/scpc/commons/honer/list"],
       ],
+      review: [],
     },
     {
       title: "SUAPC 2023 Summer",
@@ -126,6 +128,7 @@ export default {
       links: [
         ["공식 사이트", "https://career.programmers.co.kr/competitions/3419"],
       ],
+      review: [],
     },
     {
       title: "23년 현대모비스 알고리즘 경진대회(일반부)",
@@ -194,6 +197,7 @@ export default {
         ["공식 사이트", "https://icpc-sinchon.io/campcontest"],
         ["스코어보드", "https://www.acmicpc.net/contest/spotboard/947"],
       ],
+      review: [],
     },
   ],
 };
diff --git a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2024.ts b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2024.ts
index ebdab10..be72ffb 100644
--- a/sogang-icpc-team.github.io-react/src/contexts/assets/data/2024.ts
+++ b/sogang-icpc-team.github.io-react/src/contexts/assets/data/2024.ts
@@ -32,6 +32,7 @@ export default {
       links: [
         ["공식 사이트", "https://career.programmers.co.kr/competitions/3980"],
       ],
+      review: [],
     },
     {
       title: "2024 ICPC Asia Pacific Championship",