diff --git a/src/components/home/MeetingsPanel.tsx b/src/components/home/MeetingsPanel.tsx index 2767101..96c7dca 100644 --- a/src/components/home/MeetingsPanel.tsx +++ b/src/components/home/MeetingsPanel.tsx @@ -1,5 +1,6 @@ import Meeting from "./Meeting"; import Typography from "@mui/material/Typography"; +import { useState, useEffect } from "react"; import { useAppSelector } from "../../redux/hooks"; import { selectMeetings } from "../../redux/slices/meetingsAndUserStatusSlice"; import { selectUsers } from "../../redux/slices/usersSlice"; @@ -29,7 +30,12 @@ const MeetingsPanel: React.FC = () => { const startDatemil = startDate.getTime(); const endDatemil = startDatemil + meeting.duration*60000; const endDate = new Date(endDatemil); - const currentDatemil = Date.now(); + const [currentDate, setCurrentDate] = useState(new Date()); + useEffect(() => { + setInterval(() => setCurrentDate(new Date()), 1000); + }, []); + + const currentDatemil = currentDate.getTime(); if (currentDatemil >= startDatemil && currentDatemil <= endDatemil) { return (