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 && (
+
+ )}
+
);
}