From 5069a0b752a6e2dd786c20b58b667a059c88301c Mon Sep 17 00:00:00 2001
From: YuHyun <puh0128@gmail.com>
Date: Sun, 3 Dec 2023 17:32:43 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=8B=B5=EC=95=88=20=EA=B3=B5=EC=9C=A0?=
 =?UTF-8?q?=20URL=20=EB=B3=B5=EC=82=AC=20=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[#2]
---
 .../components/quiz/SolvedModal/SolvedModal.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/quiz/SolvedModal/SolvedModal.tsx b/packages/frontend/src/components/quiz/SolvedModal/SolvedModal.tsx
index 88fb6237..8362ab6e 100644
--- a/packages/frontend/src/components/quiz/SolvedModal/SolvedModal.tsx
+++ b/packages/frontend/src/components/quiz/SolvedModal/SolvedModal.tsx
@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 
-import { Button, Modal } from "../../../design-system/components/common";
+import { Button, Modal, toast } from "../../../design-system/components/common";
 
 import * as styles from "./SolvedModal.css";
 
@@ -22,6 +22,15 @@ export function SolvedModal({
     router.push(link);
   };
 
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(link);
+      toast.success("링크를 클립보드에 복사했습니다.");
+    } catch (error) {
+      toast.error("링크 복사를 실패했습니다. 잠시 후 다시 시도해 주세요.");
+    }
+  };
+
   return (
     <Modal onClose={onClose}>
       <div className={styles.container}>
@@ -34,7 +43,11 @@ export function SolvedModal({
             defaultValue={link}
             readOnly
           />
-          <button type="button" className={styles.linkCopyButton}>
+          <button
+            type="button"
+            className={styles.linkCopyButton}
+            onClick={handleCopy}
+          >
             URL 복사
           </button>
         </div>