diff --git a/packages/app/src/Components/Event/NoteTime.tsx b/packages/app/src/Components/Event/NoteTime.tsx index 107cc9c9..14390606 100644 --- a/packages/app/src/Components/Event/NoteTime.tsx +++ b/packages/app/src/Components/Event/NoteTime.tsx @@ -1,5 +1,5 @@ -import React, {useEffect, useState, useCallback, useMemo, ReactNode} from 'react'; -import { FormattedMessage } from 'react-intl'; +import React, { ReactNode,useCallback, useEffect, useMemo, useState } from "react"; +import { FormattedMessage } from "react-intl"; export interface NoteTimeProps { from: number; @@ -25,14 +25,14 @@ const NoteTime: React.FC = ({ from, fallback }) => { const fromDate = new Date(fromTime); if (fromDate.getFullYear() === currentTime.getFullYear()) { return fromDate.toLocaleDateString(undefined, { - month: 'short', - day: 'numeric', + month: "short", + day: "numeric", }); } else { return fromDate.toLocaleDateString(undefined, { - year: 'numeric', - month: 'short', - day: 'numeric', + year: "numeric", + month: "short", + day: "numeric", }); } } @@ -41,11 +41,12 @@ const NoteTime: React.FC = ({ from, fallback }) => { const [time, setTime] = useState(calcTime(from)); const absoluteTime = useMemo( - () => new Intl.DateTimeFormat(undefined, { - dateStyle: 'medium', - timeStyle: 'long', - }).format(from), - [from] + () => + new Intl.DateTimeFormat(undefined, { + dateStyle: "medium", + timeStyle: "long", + }).format(from), + [from], ); const isoDate = useMemo(() => new Date(from).toISOString(), [from]); @@ -53,17 +54,17 @@ const NoteTime: React.FC = ({ from, fallback }) => { useEffect(() => { const t = setInterval(() => { const newTime = calcTime(from); - setTime(s => s !== newTime ? newTime : s); + setTime(s => (s !== newTime ? newTime : s)); }, 60_000); // update every minute return () => clearInterval(t); - }, [calcTime, from]); + }, [from]); return ( ); -} +}; export default NoteTime;