Merge pull request #99 from boostcampwm-2022/feat/#98-B

Feat/#98-B: 클립보드 복사 버튼 구현

Author: dohun31

client/src/components/common/CopyButton/index.tsx

@@ -0,0 +1,21 @@
+import { BiCopy } from '@react-icons/all-files/bi/BiCopy';
+
+interface CopyButtonProps {
+  target: string;
+  className?: string;
+}
+
+function CopyButton({ target, className }: CopyButtonProps) {
+  const onCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(target);
+      alert('참여 코드가 복사되었습니다.');
+    } catch (e) {
+      alert('실패');
+    }
+  };
+
+  return <BiCopy className={className} onClick={onCopy} />;
+}
+
+export default CopyButton;