mirror of
https://github.com/skidoodle/albert.lol.git
synced 2025-02-15 06:09:15 +01:00
22 lines
No EOL
719 B
TypeScript
22 lines
No EOL
719 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.toLocaleDateString('en-GB', { dateStyle: 'short' }) + ' • ' + date.toLocaleTimeString('en-GB', { timeStyle: 'medium', hour12: true}).toUpperCase()}</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Timer |