updated screenshots

Cefalo · Jan 11, 2025 · 9a9ca28 · 9a9ca28
1 parent 433fa6e
commit 9a9ca28
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 54 deletions.
diff --git a/README.md b/README.md
@@ -2,10 +2,10 @@
     Quick Meet
     <br />
     <br />
-    <a href="">
-      <img src="https://github.com/user-attachments/assets/d5b40ed0-285b-4c70-88ed-a9706ef15dfb" alt="QuickMeet" width="30%">
-      <img src="https://github.com/user-attachments/assets/839cb957-e66a-4698-a973-501068befaa5" alt="QuickMeet" width="30%">
-      <img src="https://github.com/user-attachments/assets/a7d1906f-55a8-446a-90b7-e01ee2cf9cba" alt="QuickMeet" width="30%">
+    <a href=""> 
+      <img src="https://github.com/user-attachments/assets/b1354e94-e5cd-4ab8-a745-c86e7db5a58f" alt="QuickMeet" width="30%">
+      <img src="https://github.com/user-attachments/assets/fc6166fe-353e-4e0e-9551-3a4aff6c5cef" alt="QuickMeet" width="30%">
+      <img src="https://github.com/user-attachments/assets/0b7a620c-4805-465c-8a66-5a6d4a2598c6" alt="QuickMeet" width="30%">
     </a>
   </h1>
 </div>
@@ -34,10 +34,10 @@ Quick Meet is specifically tailored for organizations that utilize unique meetin
 
 - Creative Agencies: Organizations that require unique environments for brainstorming sessions, presentations, and client meetings, ensuring that the right atmosphere is matched with the right room.
 
-- Tech Companies: Businesses that rely on collaborative workspaces and need to efficiently manage the booking of cmeeting rooms equipped with specific tools and resources.
+- Tech Companies: Businesses that rely on collaborative workspaces and need to efficiently manage the booking of meeting rooms equipped with specific tools and resources.
 
 
-### Quic kMeet vs Google Calendar
+### Quick Meet vs Google Calendar
 
 #### 1. **Clunky Room Booking**:
 Google Calendar may offer room bookings, but finding a suitable room in a large office with specific requirements (like seat capacity or floor preference) can be a pain. You end up scrolling through a bunch of rooms after checking through several dropdowns.

diff --git a/client/src/components/AttendeeInput.tsx b/client/src/components/AttendeeInput.tsx
@@ -1,8 +1,7 @@
-import { TextField, Chip, Box, Autocomplete, debounce, IconButton } from '@mui/material';
+import { TextField, Chip, Box, Autocomplete, debounce } from '@mui/material';
 import PeopleAltRoundedIcon from '@mui/icons-material/PeopleAltRounded';
 import { useState } from 'react';
 import { useApi } from '@/context/ApiContext';
-import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
 import { isEmailValid } from '@/helpers/utility';
 import toast from 'react-hot-toast';
 
@@ -14,25 +13,6 @@ interface AttendeeInputProps {
   type?: string;
 }
 
-// const StyledPopper = styled(Popper)(({ theme }) => ({
-//   '& .MuiAutocomplete-paper': {
-//     backgroundColor: 'rgba(245, 245, 245)',
-//     color: theme.palette.text.primary,
-//     boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.1)',
-//     borderRadius: theme.shape.borderRadius,
-//     padding: theme.spacing(0.5),
-//   },
-//   '& .MuiAutocomplete-listbox': {
-//     padding: 0,
-//     display: 'flex',
-//     flexDirection: 'column',
-//   },
-//   '& .MuiAutocomplete-option': {
-//     padding: theme.spacing(1.5),
-//     borderRadius: theme.shape.borderRadius,
-//   },
-// }));
-
 export default function AttendeeInput({ id, onChange, value, type }: AttendeeInputProps) {
   const [options, setOptions] = useState<string[]>([]);
   const [textInput, setTextInput] = useState('');
@@ -84,10 +64,6 @@ export default function AttendeeInput({ id, onChange, value, type }: AttendeeInp
     }
   };
 
-  const onRemoveAllClick = () => {
-    onChange(id, []);
-  };
-
   const debouncedInputChange = debounce(handleInputChange, 300);
 
   return (
@@ -197,28 +173,7 @@ export default function AttendeeInput({ id, onChange, value, type }: AttendeeInp
               ]}
             />
           )}
-
-          // PopperComponent={StyledPopper}
         />
-        <IconButton
-          sx={{
-            position: 'sticky',
-            p: 0.5,
-            top: 0,
-            bottom: 0,
-            display: (value || []).length > 0 ? 'flex' : 'none',
-          }}
-          onClick={onRemoveAllClick}
-        >
-          <CloseRoundedIcon
-            fontSize="small"
-            sx={[
-              (theme) => ({
-                color: theme.palette.grey[50],
-              }),
-            ]}
-          />
-        </IconButton>
       </Box>
     </Box>
   );

diff --git a/client/src/pages/Home/BookRoomView/index.tsx b/client/src/pages/Home/BookRoomView/index.tsx
@@ -42,6 +42,7 @@ export default function BookRoomView({ onRoomBooked }: BookRoomViewProps) {
   // loading states
   const [bookClickLoading, setBookClickLoading] = useState(false);
   const [roomLoading, setRoomLoading] = useState(false);
+  const [loading, setLoading] = useState(true);
   const [initialPageLoad, setInitialPageLoad] = useState(false);
 
   // dropdown options
@@ -63,8 +64,10 @@ export default function BookRoomView({ onRoomBooked }: BookRoomViewProps) {
   const api = useApi();
 
   useEffect(() => {
-    initializeDropdowns();
-    setInitialPageLoad(true);
+    initializeDropdowns().finally(() => {
+      setInitialPageLoad(true);
+      setLoading(false);
+    });
 
     // abort pending requests on component unmount
     return () => {
@@ -199,6 +202,8 @@ export default function BookRoomView({ onRoomBooked }: BookRoomViewProps) {
     onRoomBooked();
   }
 
+  if (loading) return <></>;
+
   return (
     <Box mx={2} display={'flex'}>
       <Box