React,

I have a button that when clicks it copies. and when it copies a checkmark popups. However, the checkmark stays there. I want the checkmark to stay there for just 3 seconds, the. revert back to normal.

My code

import React,{useState} from 'react'

import mobile from 'is-mobile'

import { Button} from 'reactstrap'

import copy from 'copy-to-clipboard'

const [isCopied, setIsCopied] = useState(false);

const handleCopy = (player) =>{

const data= `Player ID: ${player.general.playerId} Event ID: ${player.general.eventId}`;

copy(data)

setIsCopied(true);

}

outline

color="secondary"

className="hover-button"

style={{

outline: 'none'

}}

onClick={ ()=>{ handleCopy(player) }}

>

{isCopied && }