open meetings details modal in home

src/components/home/Meeting.tsx

@@ -1,15 +1,21 @@
 import ListItemButton from "@mui/material/ListItemButton";
 import ListItemText from "@mui/material/ListItemText";
+import DetailedMeeting from "../../api-bodies/DetailedMeeting";
+import { useAppDispatch } from "../../redux/hooks";
+import { open } from "../../redux/slices/meetingDetailsOpenSlice";
 
 interface Props {
+  meeting: DetailedMeeting;
   meetingName: string;
   meetingTime: string;
   meetingMembers: string
 }
 
 function Meeting(props: Props) {
+  const dispatch = useAppDispatch();
+
   return (
-    <ListItemButton component="a" href="#" className="row meeting">
+    <ListItemButton component="a" onClick={() => dispatch(open(props.meeting))} className="row meeting">
       <ListItemText primary={props.meetingName} secondary={props.meetingMembers} />
       <ListItemText primary={props.meetingTime} />
     </ListItemButton>

src/components/home/MeetingsPanel.tsx

@@ -62,6 +62,7 @@ const MeetingsPanel: React.FC = () => {
           if (currentDatemil >= startDatemil && currentDatemil <= endDatemil) {
             return (
               <Meeting 
+                meeting={meeting}
                 meetingName={meeting.topic} 
                 meetingTime={formatTimeFromDate(startDate) + " - " + formatTimeFromDate(endDate)} 
                 meetingMembers={meetingMembers.map((userLite) => (" " + userLite.name + " ")).toString()}