Files
breakpilot-lehrer/studio-v2/app/meet/_components/JoinMeetingModal.tsx
Benjamin Admin 0b37c5e692 [split-required] Split website + studio-v2 monoliths (Phase 3 continued)
Website (14 monoliths split):
- compliance/page.tsx (1,519 → 9), docs/audit (1,262 → 20)
- quality (1,231 → 16), alerts (1,203 → 10), docs (1,202 → 11)
- i18n.ts (1,173 → 8 language files)
- unity-bridge (1,094 → 12), backlog (1,087 → 6)
- training (1,066 → 8), rag (1,063 → 8)
- Deleted index_original.ts (4,899 LOC dead backup)

Studio-v2 (5 monoliths split):
- meet/page.tsx (1,481 → 9), messages (1,166 → 9)
- AlertsB2BContext.tsx (1,165 → 5 modules)
- alerts-b2b/page.tsx (1,019 → 6), korrektur/archiv (1,001 → 6)

All existing imports preserved. Zero new TypeScript errors.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-24 17:52:36 +02:00

56 lines
1.8 KiB
TypeScript

'use client'
import { Icons } from './types'
interface JoinMeetingModalProps {
isDark: boolean
currentMeetingUrl: string
currentMeetingTitle: string
openInNewTab: () => void
onClose: () => void
}
export function JoinMeetingModal({
isDark, currentMeetingUrl, currentMeetingTitle,
openInNewTab, onClose,
}: JoinMeetingModalProps) {
return (
<div className="fixed inset-0 bg-black/90 flex flex-col z-50">
<div className={`p-4 flex items-center justify-between ${isDark ? 'bg-slate-900' : 'bg-slate-800'}`}>
<div className="flex items-center gap-4">
<div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-500 rounded-xl flex items-center justify-center text-white font-bold">
BP
</div>
<div>
<div className="font-medium text-white">{currentMeetingTitle}</div>
<div className="text-sm text-white/50">BreakPilot Meet</div>
</div>
</div>
<div className="flex items-center gap-2">
<button
onClick={openInNewTab}
className="flex items-center gap-2 px-4 py-2 text-white/70 hover:text-white hover:bg-white/10 rounded-xl transition-colors"
>
{Icons.external}
Im neuen Tab oeffnen
</button>
<button
onClick={onClose}
className="p-2 text-white/50 hover:text-white hover:bg-white/10 rounded-xl transition-colors"
>
{Icons.close}
</button>
</div>
</div>
<div className="flex-1">
<iframe
src={currentMeetingUrl}
className="w-full h-full border-0"
allow="camera; microphone; fullscreen; display-capture; autoplay"
allowFullScreen
/>
</div>
</div>
)
}