diff --git a/frontend/src/components/common/CopyToClipboard/index.tsx b/frontend/src/components/common/CopyToClipboard/index.tsx index 262fe3262..5b58b5c0c 100644 --- a/frontend/src/components/common/CopyToClipboard/index.tsx +++ b/frontend/src/components/common/CopyToClipboard/index.tsx @@ -1,5 +1,6 @@ import useCopyToClipboard from '@hooks/utils/useCopyToClipboard'; import { HiClipboard, HiClipboardCheck } from 'react-icons/hi'; +import { Link } from 'react-router-dom'; import IconButton from '../IconButton'; import S from './style'; @@ -13,12 +14,14 @@ export default function CopyToClipboard({ url }: CopyLinkClipboardProps) { return ( - - {url} + + + {url} + diff --git a/frontend/src/components/common/CopyToClipboard/style.ts b/frontend/src/components/common/CopyToClipboard/style.ts index 217feb5eb..a82f8fe8d 100644 --- a/frontend/src/components/common/CopyToClipboard/style.ts +++ b/frontend/src/components/common/CopyToClipboard/style.ts @@ -26,13 +26,15 @@ const LinkContainer = styled.div` width: 90%; `; -const Link = styled.a` - ${({ theme }) => theme.typography.common.small}; - color: ${({ theme }) => theme.colors.link}; - - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; +const Link = styled.span` + a { + ${({ theme }) => theme.typography.common.small}; + color: ${({ theme }) => theme.colors.link}; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } `; const S = { diff --git a/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx b/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx index 0fee10c1b..edbf93b87 100644 --- a/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx +++ b/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx @@ -21,7 +21,7 @@ export default function Finish({ postUrl, postId }: FinishProps) { 🎉 공고가 게시됐어요! - +