feat: move Create Meeting button to header

- Remove 'Start a Quick Meeting' box from main content area
- Add showCreateButton and onCreateMeeting props to MinimalHeader
- Create Meeting button now appears in header left of Leave Room
- Only shows for room owners or shared room users
- Update no meetings message to remove reference to quick meeting below
- Cleaner, more accessible UI with actions in the header
This commit is contained in:
2025-09-10 19:16:16 -06:00
parent 1ffc3eacd7
commit 9840216d54
2 changed files with 29 additions and 29 deletions

View File

@@ -185,6 +185,8 @@ export default function MeetingSelection({
displayName={room?.name}
showLeaveButton={true}
onLeave={handleLeaveMeeting}
showCreateButton={isOwner || isSharedRoom}
onCreateMeeting={onCreateUnscheduled}
/>
<Flex
@@ -391,29 +393,12 @@ export default function MeetingSelection({
</Text>
<Text fontSize="md" color="gray.600" maxW="400px">
There are no ongoing or upcoming meetings in this room at the moment.
{(isOwner || isSharedRoom) && " You can start a quick meeting below."}
</Text>
</VStack>
</VStack>
</Flex>
)}
{/* Create Unscheduled Meeting - Only for room owners or shared rooms */}
{(isOwner || isSharedRoom) && (
<Box width="100%" bg="gray.50" borderRadius="md" p={4} mt={6}>
<HStack justify="space-between" align="center">
<VStack align="start" gap={1}>
<Text fontWeight="semibold">Start a Quick Meeting</Text>
<Text fontSize="sm" color="gray.600">
Jump into a meeting room right away
</Text>
</VStack>
<Button colorScheme="green" onClick={onCreateUnscheduled}>
Create Meeting
</Button>
</HStack>
</Box>
)}
</Flex>
</Flex>
);