victorAnumudu
27 lines
739 B
React
27 lines
739 B
React
import React, { useEffect, useState } from 'react'
|
|
|
|
export default function CustomTimer({className='text-emerald-500'}) {
|
|
|
|
const [time, setTime] = useState(Number(process.env.REACT_APP_CUSTOMTIMER))
|
|
|
|
useEffect(()=>{
|
|
const timer = setInterval(()=>{
|
|
if(time > 0 ){
|
|
setTime(prev => prev - 1)
|
|
}
|
|
},1000)
|
|
return ()=>{
|
|
clearInterval(timer)
|
|
}
|
|
},[time])
|
|
|
|
let minutes = time == 0 ? 0 : Math.floor(time/60)
|
|
let seconds = time == 0 ? 0 :time - (minutes * 60)
|
|
|
|
return (
|
|
<p className={`w-full text-base text-emerald-500 ${className}`}>
|
|
{`${minutes > 9 ? minutes : '0'+minutes} : ${seconds > 9 ? seconds : '0'+seconds}`}
|
|
</p>
|
|
)
|
|
}
|