From 7b2fdeaf4b608c04a3dad195d43c2a0a36e5e656 Mon Sep 17 00:00:00 2001
From: Danny Prikazsky <dannyprikaz@gmail.com>
Date: Fri, 24 Jan 2025 15:52:09 -0800
Subject: [PATCH] Update to MUI elements for editableMeeting.jsx

---
 .../manageProjects/editableMeeting.jsx          | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/client/src/components/manageProjects/editableMeeting.jsx b/client/src/components/manageProjects/editableMeeting.jsx
index 9e7f8bd64..5a29945b2 100644
--- a/client/src/components/manageProjects/editableMeeting.jsx
+++ b/client/src/components/manageProjects/editableMeeting.jsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import EventForm from './eventForm';
+import { Box, Button } from '@mui/material';
 import '../../sass/ManageProjects.scss';
 
 const EditableMeeting = ({
@@ -49,8 +50,8 @@ const EditableMeeting = ({
       formValues={formValues}
       formErrors={formErrors}
     >
-      <div>
-        <button
+      <Box>
+        <Button
           type="button"
           className="create-form-button"
           onClick={handleEventUpdate(
@@ -61,22 +62,22 @@ const EditableMeeting = ({
           )}
         >
           UPDATE
-        </button>
-        <button
+        </Button>
+        <Button
           type="button"
           className="create-form-button"
           onClick={handleResetEvent(eventId)}
         >
           RESET
-        </button>
-        <button
+        </Button>
+        <Button
           type="button"
           className="create-form-button"
           onClick={handleEventDelete(eventId)}
         >
           DELETE
-        </button>
-      </div>
+        </Button>
+      </Box>
     </EventForm>
   );
 };