diff --git a/www/app/[roomName]/MeetingSelection.tsx b/www/app/[roomName]/MeetingSelection.tsx index 17191c1f..fcb0c93f 100644 --- a/www/app/[roomName]/MeetingSelection.tsx +++ b/www/app/[roomName]/MeetingSelection.tsx @@ -185,6 +185,8 @@ export default function MeetingSelection({ displayName={room?.name} showLeaveButton={true} onLeave={handleLeaveMeeting} + showCreateButton={isOwner || isSharedRoom} + onCreateMeeting={onCreateUnscheduled} /> There are no ongoing or upcoming meetings in this room at the moment. - {(isOwner || isSharedRoom) && " You can start a quick meeting below."} )} - {/* Create Unscheduled Meeting - Only for room owners or shared rooms */} - {(isOwner || isSharedRoom) && ( - - - - Start a Quick Meeting - - Jump into a meeting room right away - - - - - - )} ); diff --git a/www/app/components/MinimalHeader.tsx b/www/app/components/MinimalHeader.tsx index 859ce55e..27b8cc2d 100644 --- a/www/app/components/MinimalHeader.tsx +++ b/www/app/components/MinimalHeader.tsx @@ -1,6 +1,6 @@ "use client"; -import { Flex, Link, Button, Text } from "@chakra-ui/react"; +import { Flex, Link, Button, Text, HStack } from "@chakra-ui/react"; import NextLink from "next/link"; import Image from "next/image"; import { useRouter } from "next/navigation"; @@ -10,6 +10,8 @@ interface MinimalHeaderProps { displayName?: string; showLeaveButton?: boolean; onLeave?: () => void; + showCreateButton?: boolean; + onCreateMeeting?: () => void; } export default function MinimalHeader({ @@ -17,6 +19,8 @@ export default function MinimalHeader({ displayName, showLeaveButton = true, onLeave, + showCreateButton = false, + onCreateMeeting, }: MinimalHeaderProps) { const router = useRouter(); @@ -63,17 +67,28 @@ export default function MinimalHeader({ - {/* Leave Room Button */} - {showLeaveButton && ( - - )} + {/* Action Buttons */} + + {showCreateButton && onCreateMeeting && ( + + )} + {showLeaveButton && ( + + )} + ); }