From 10a54911d2ef387490c77a88c55a4dc8401607a2 Mon Sep 17 00:00:00 2001
From: Robert <>
Date: Tue, 1 Oct 2024 15:14:49 +0200
Subject: [PATCH] improve styling

---
 frontend/src/components/AppBar/AppBar.tsx     |  2 +-
 frontend/src/container/Meeting/Meeting.tsx    |  2 +-
 .../container/MeetingNotes/MeetingNotes.tsx   |  4 +--
 frontend/src/container/PrepNow/PrepNow.tsx    | 30 ++++++++++++++++++-
 4 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/AppBar/AppBar.tsx b/frontend/src/components/AppBar/AppBar.tsx
index 66b39a5..b8791f8 100644
--- a/frontend/src/components/AppBar/AppBar.tsx
+++ b/frontend/src/components/AppBar/AppBar.tsx
@@ -55,7 +55,7 @@ export const AppBar = ({ handleDrawerToggle, mobileOpen }) => {
 					{mobileOpen ? <CloseIcon /> : <MenuIcon />}
 				</IconButton>
 				<Typography variant="h6" noWrap component="div">
-                    Prep Me up Before i GO GO
+                    Prep Me Up Before I Go Go
 				</Typography>
                 <div className='UserSelector'>
                     <FormControl fullWidth>
diff --git a/frontend/src/container/Meeting/Meeting.tsx b/frontend/src/container/Meeting/Meeting.tsx
index f54da23..a6b0d6c 100644
--- a/frontend/src/container/Meeting/Meeting.tsx
+++ b/frontend/src/container/Meeting/Meeting.tsx
@@ -157,7 +157,7 @@ export const Meeting: React.FC = () => {
 			>
 				<Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }} className="MeetingHeader">
 					<Typography variant="h4" component="h1" sx={{ flexGrow: 1 }}>
-						Meeting: {meetingDetails ? meetingDetails.title : '. . .'}
+						{meetingDetails ? meetingDetails.title : 'Meeting: . . .'}
 					</Typography>
 					{isMobile && hasAgenda && (
 						<IconButton onClick={() => setIsAgendaDrawerOpen(true)}>
diff --git a/frontend/src/container/MeetingNotes/MeetingNotes.tsx b/frontend/src/container/MeetingNotes/MeetingNotes.tsx
index 54fcebd..1cfa21c 100644
--- a/frontend/src/container/MeetingNotes/MeetingNotes.tsx
+++ b/frontend/src/container/MeetingNotes/MeetingNotes.tsx
@@ -116,7 +116,7 @@ export default function MeetingNotes() {
         variant="h4"
         gutterBottom
         sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-        Agenda for {meetingDetails?.title}
+        {meetingDetails?.title} Agenda
         <Switch
           onChange={() => setHideDoneFlag(!hideDoneFlag)}
           checked={!hideDoneFlag}
@@ -149,7 +149,7 @@ export default function MeetingNotes() {
         </List>
         {
           (notes.length > 0 && visibleNotes?.length === 0) &&
-          <Typography>
+          <Typography sx={{textAlign: 'center', padding: '16px'}}>
             Done!
           </Typography>
         }
diff --git a/frontend/src/container/PrepNow/PrepNow.tsx b/frontend/src/container/PrepNow/PrepNow.tsx
index 607f61c..20b62bd 100644
--- a/frontend/src/container/PrepNow/PrepNow.tsx
+++ b/frontend/src/container/PrepNow/PrepNow.tsx
@@ -23,6 +23,8 @@ interface MeetingFormData {
   description: string;
   date: Date | null;
   meeting_type: string;
+  purpose?: string;
+  context?: string;
 }
 
 const createMeeting = async (meetingData: MeetingFormData): Promise<any> => {
@@ -44,7 +46,7 @@ const createMeeting = async (meetingData: MeetingFormData): Promise<any> => {
 export const PrepNow: React.FC = () => {
   const nowIsh = new Date()
   nowIsh.setMinutes(0)
-  nowIsh.setHours(nowIsh.getHours() + 1 )
+  nowIsh.setHours(nowIsh.getHours() + 1)
 
   const [formData, setFormData] = useState<MeetingFormData>({
     title: "",
@@ -165,6 +167,32 @@ export const PrepNow: React.FC = () => {
               <MenuItem value="other">Other</MenuItem>
             </Select>
           </FormControl>
+          {formData.meeting_type === 'other' && (
+            <>
+              <TextField
+                fullWidth
+                label="Purpose"
+                name="purpose"
+                value={formData.purpose}
+                onChange={handleChange}
+                margin="normal"
+                multiline
+                rows={4}
+              />
+
+              <TextField
+                fullWidth
+                label="Context"
+                name="context"
+                value={formData.context}
+                onChange={handleChange}
+                margin="normal"
+                multiline
+                rows={4}
+              />
+
+            </>
+          )}
           <Button
             type="submit"
             variant="contained"