From bf23882dc96ac6880e752265a244322a533a152e Mon Sep 17 00:00:00 2001
From: Tanguy Gimenez <gimeneztanguy@gmail.com>
Date: Fri, 15 Dec 2023 11:19:59 +0100
Subject: [PATCH] feat/meeting: Make the Edit button disappear when the meeting
 starts

---
 src/components/meeting/MeetingCard.tsx | 22 ++++++++++++----------
 src/hooks/useMeetingUpdateModal.tsx    |  7 +++++--
 src/types/Meeting.ts                   |  9 ++++++++-
 3 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/components/meeting/MeetingCard.tsx b/src/components/meeting/MeetingCard.tsx
index 14a5123..efb1020 100644
--- a/src/components/meeting/MeetingCard.tsx
+++ b/src/components/meeting/MeetingCard.tsx
@@ -1,4 +1,4 @@
-import { Meeting } from "@/types/Meeting";
+import { Meeting, MeetingStatus } from "@/types/Meeting";
 import classNames from "classnames";
 import { format } from "date-fns";
 import { LinkIcon, Pen, Trash2 } from "lucide-react";
@@ -37,7 +37,7 @@ export function MeetingCard({
             {format(meeting.start_date, "LLL.").toUpperCase()}
           </span>
           <span className="text-gray-900 font-bold text-xl px-2 py-1 leading-4 text-center">
-            {meeting.start_date.getDate()}
+            {meeting.start_date.getDate()} 
           </span>
         </div>
       </div>
@@ -71,14 +71,16 @@ export function MeetingCard({
               </Link>
             )}
 
-            <button
-              type="button"
-              className="btn hover:text-blue-500 p-2 transition rounded-full hover:bg-gray-400 hover:bg-opacity-20"
-              aria-label="Update meeting"
-              onClick={() => onEditMeeting?.(meeting)}
-            >
-              <Pen className="w-5 h-5" />  
-            </button>
+            {meeting?.status !== MeetingStatus.STARTED &&
+              <button
+                type="button"
+                className="btn hover:text-blue-500 p-2 transition rounded-full hover:bg-gray-400 hover:bg-opacity-20"
+                aria-label="Update meeting"
+                onClick={() => onEditMeeting?.(meeting)}
+              >
+                <Pen className="w-5 h-5" />  
+              </button>
+            }
             
             <button
               type="button"
diff --git a/src/hooks/useMeetingUpdateModal.tsx b/src/hooks/useMeetingUpdateModal.tsx
index 18073d3..a886771 100644
--- a/src/hooks/useMeetingUpdateModal.tsx
+++ b/src/hooks/useMeetingUpdateModal.tsx
@@ -1,6 +1,6 @@
 import { updateMeeting, getMeeting } from "@/api/meetings";
 import { MeetingUpdateModal } from "@/components/meeting/MeetingUpdateModal";
-import { Meeting } from "@/types/Meeting";
+import { Meeting, MeetingStatus } from "@/types/Meeting";
 import { useCallback, useRef, useState } from "react";
 
 /**
@@ -35,7 +35,10 @@ export default function useMeetingUpdateModal({
       ref={updateMeetingModalRef}
       meeting={modalMeeting}
       onUpdate={async (id, data) => {
-        await updateMeeting(id, data);
+        if(modalMeeting?.status !== MeetingStatus.STARTED) {
+          await updateMeeting(id, data);
+        }
+
         if (updateCallback) {
           updateCallback();
         }
diff --git a/src/types/Meeting.ts b/src/types/Meeting.ts
index 1dc91bb..13c79cb 100644
--- a/src/types/Meeting.ts
+++ b/src/types/Meeting.ts
@@ -7,6 +7,7 @@ export interface Meeting {
   attendees: { id: number; email: string }[];
   publicUrl?: string;
   started: boolean;
+  status?: MeetingStatus;
 }
 
 export interface CreateMeetingInput {
@@ -21,4 +22,10 @@ export type MeetingEvent =
   | { type: 'bubbleCreated'; id: number; meeting: Meeting }
   | { type: 'updated'; id: number; meeting: Meeting }
   | { type: 'cancelled'; id: number }
-  | { type: 'started'; id: number; url: string };
\ No newline at end of file
+  | { type: 'started'; id: number; url: string };
+
+export enum MeetingStatus {
+  SCHEDULED = 'scheduled',
+  STARTED = 'started',
+  FINISHED = 'finished',
+}
\ No newline at end of file