feat: added copy button for pending bot

This commit is contained in:
Junseo Park 2021-02-25 20:30:22 +09:00
parent 010b6e0503
commit 42f5c0a7f7

View File

@ -7,11 +7,11 @@ import { git } from '@utils/Constants'
import { SubmittedBot, User } from '@types'
import useCopyClipboard from 'react-use-clipboard'
import { ParsedUrlQuery } from 'querystring'
import NotFound from 'pages/404'
import Day from '@utils/Day'
const Container = dynamic(() => import('@components/Container'))
const SEO = dynamic(() => import('@components/SEO'))
const Divider = dynamic(() => import('@components/Divider'))
@ -24,6 +24,9 @@ const Owner = dynamic(() => import('@components/Owner'))
const Message = dynamic(() => import('@components/Message'))
const PendingBot: NextPage<PendingBotProps> = ({ data }) => {
const [ isCopied, setCopied ] = useCopyClipboard(data.desc, {
successDuration: 1000
})
if(!data) return <NotFound />
return <Container paddingTop className='py-10'>
<SEO title='심사이력' />
@ -61,6 +64,11 @@ const PendingBot: NextPage<PendingBotProps> = ({ data }) => {
<i className='fas fa-user-plus text-discord-blurple' />
</h4>
</LongButton>
<LongButton onClick={setCopied}>
<h4>
{ isCopied ? <><i className='fas fa-check text-green-400' /> </> : <><i className='far fa-copy'/> </>}
</h4>
</LongButton>
</div>