✨ 초대 코드 복사 버튼 구현

team-morak · Feb 19, 2024 · 6a3e4aa · 6a3e4aa
1 parent 96b1a89
commit 6a3e4aa
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/app/frontend/src/components/Group/index.tsx b/app/frontend/src/components/Group/index.tsx
@@ -27,6 +27,12 @@ export function Group({
   joined,
   owned = false,
 }: GroupProps) {
+  const onClickCopy = async () => {
+    if (accessCode) {
+      await navigator.clipboard.writeText(accessCode);
+    }
+  };
+
   return (
     <div className={styles.container}>
       <div className={styles.titleWrapper}>
@@ -45,7 +51,11 @@ export function Group({
         <div className={styles.code}>
           <span>초대 코드</span>
           <div className={styles.codeString}>{accessCode}</div>
-          <button type="button" className={styles.copyButton}>
+          <button
+            type="button"
+            className={styles.copyButton}
+            onClick={onClickCopy}
+          >
             <Copy width={24} height={24} fill={grayscale200} />
           </button>
         </div>