1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
albert.lol/components/Time.tsx
skidoodle ce3c841bfc
🌧
2022-03-31 18:25:00 +02:00

25 lines
No EOL
699 B
TypeScript

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useEffect, useState } from 'react'
import styles from 'styles/Home.module.scss'
const Timer = () => {
const [date, setDate] = useState(new Date())
useEffect(() => {
const interval = setInterval(() => {
setDate(new Date())
}, 1000)
return () => clearInterval(interval)
})
return(
<div className={styles.time}>
<p><FontAwesomeIcon icon={['fas', 'clock']} /> {date.toLocaleString('en-GB', {
timeZone: 'Europe/Budapest',
hour12: true
}).toUpperCase()}</p>
</div>
)
}
export default Timer