Define vars
const DraggableComponent = () => {
const draggyBubble = 'draggy.gif';
const draggyLink = 'https://example.com/draggylink';
JSX
if (timeElapsed < 100 && distanceMoved < 10) {
window.open(draggyLink, '_blank');
} else {
e.preventDefault();
}
<div className='offerDraggableGifBox'>
<img className='offerDraggableGif'
src={draggyBubble}
alt="Draggable gif"
/>
<div className="offerDraggableGifOverlay"/>
</div>