From dec970fd2a68fa5fd40664ba1219bd694814b4fb Mon Sep 17 00:00:00 2001
From: donghyeon <donghyeon@toss.im>
Date: Tue, 18 Mar 2025 22:49:19 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=9E=91=EC=84=B1=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../theme/components/GithubDiscussions.vue    | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/.vitepress/theme/components/GithubDiscussions.vue b/.vitepress/theme/components/GithubDiscussions.vue
index 534880a..923d171 100644
--- a/.vitepress/theme/components/GithubDiscussions.vue
+++ b/.vitepress/theme/components/GithubDiscussions.vue
@@ -61,6 +61,12 @@ const formatDate = (dateString: string | null) => {
     day: "numeric"
   });
 };
+
+const handleWriteClick = () => {
+  window.open(
+    "https://github.com/toss/frontend-fundamentals/discussions/new/choose"
+  );
+};
 </script>
 
 <template>
@@ -134,6 +140,8 @@ const formatDate = (dateString: string | null) => {
           다음
         </button>
       </div>
+
+      <button class="write-button" @click="handleWriteClick">작성하기</button>
     </div>
 
     <table>
@@ -353,4 +361,18 @@ th {
 .sortable:hover .sort-icon {
   color: var(--vp-c-text-1);
 }
+
+.write-button {
+  display: inline-flex;
+  align-items: center;
+
+  padding: 6px 12px;
+  background-color: var(--vp-c-brand);
+  color: white;
+  border: none;
+  border-radius: 12px;
+  font-weight: 700;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
 </style>