22 lines
525 B
TypeScript
22 lines
525 B
TypeScript
import { useEffect, useState } from 'react';
|
|
import { getDate, getTime } from '~/lib/date';
|
|
|
|
import style from './date-widget.module.css';
|
|
|
|
export function DateWidget() {
|
|
const [time, setTime] = useState(getTime());
|
|
|
|
useEffect(() => {
|
|
setInterval(() => setTime(getTime()), 1000);
|
|
}, []);
|
|
|
|
return (
|
|
<div className={style.DateWidget}>
|
|
<h1 className={style.Date}>{getDate()}</h1>
|
|
<h3 className={style.Time}>
|
|
{time} · <span className={style.Logo}>gar.dev</span>
|
|
</h3>
|
|
</div>
|
|
);
|
|
}
|