fix(pitch): showcase sidebar shows only filtered slides + AI presenter via FAB
Build pitch-deck / build-push-deploy (push) Successful in 1m22s
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 31s
CI / test-python-voice (push) Successful in 30s
CI / test-bqas (push) Successful in 31s

NavigationFAB and SlideOverview now accept slideNames prop and render only the
active slide list (filtered for showcase mode). Adds AI presenter start button
to the FAB footer so it's accessible even when intro-presenter slide is hidden.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sharang Parnerkar
2026-05-04 22:50:33 +02:00
parent 30a9165497
commit be126a7a39
3 changed files with 33 additions and 3 deletions
+18 -1
View File
@@ -13,6 +13,8 @@ interface NavigationFABProps {
onGoToSlide: (index: number) => void
lang: Language
onToggleLanguage: () => void
slideNames?: string[]
onPresenterStart?: () => void
}
export default function NavigationFAB({
@@ -22,6 +24,8 @@ export default function NavigationFAB({
onGoToSlide,
lang,
onToggleLanguage,
slideNames: slideNamesProp,
onPresenterStart,
}: NavigationFABProps) {
const [isOpen, setIsOpen] = useState(false)
const [isFullscreen, setIsFullscreen] = useState(false)
@@ -35,6 +39,7 @@ export default function NavigationFAB({
})
}, [])
const i = t(lang)
const activeSlideNames = slideNamesProp ?? i.slideNames
const toggleFullscreen = useCallback(() => {
if (!document.fullscreenElement) {
@@ -89,7 +94,7 @@ export default function NavigationFAB({
{/* Slide List */}
<div className="overflow-y-auto max-h-[55vh] py-2">
{i.slideNames.map((name, idx) => {
{activeSlideNames.map((name, idx) => {
const isActive = idx === currentIndex
const isVisited = visitedSlides.has(idx)
const isAI = idx === totalSlides - 1
@@ -164,6 +169,18 @@ export default function NavigationFAB({
</div>
</button>
{/* AI Presenter */}
{onPresenterStart && (
<button
onClick={() => { onPresenterStart(); setIsOpen(false) }}
className="w-full flex items-center justify-between px-3 py-2 rounded-lg
bg-indigo-500/10 hover:bg-indigo-500/20 transition-colors text-sm"
>
<span className="text-indigo-300">{lang === 'de' ? 'KI-Präsentation starten' : 'Start AI Presenter'}</span>
<Bot className="w-4 h-4 text-indigo-400" />
</button>
)}
{/* Fullscreen */}
<button
onClick={toggleFullscreen}