19855efacc
Some checks failed
Tests / Go Tests (push) Has been cancelled
Tests / Python Tests (push) Has been cancelled
Tests / Integration Tests (push) Has been cancelled
Tests / Go Lint (push) Has been cancelled
Tests / Python Lint (push) Has been cancelled
Tests / Security Scan (push) Has been cancelled
Tests / All Checks Passed (push) Has been cancelled
Security Scanning / Secret Scanning (push) Has been cancelled
Security Scanning / Dependency Vulnerability Scan (push) Has been cancelled
Security Scanning / Go Security Scan (push) Has been cancelled
Security Scanning / Python Security Scan (push) Has been cancelled
Security Scanning / Node.js Security Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
CI/CD Pipeline / Go Tests (push) Has been cancelled
CI/CD Pipeline / Python Tests (push) Has been cancelled
CI/CD Pipeline / Website Tests (push) Has been cancelled
CI/CD Pipeline / Linting (push) Has been cancelled
CI/CD Pipeline / Security Scan (push) Has been cancelled
CI/CD Pipeline / Docker Build & Push (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Deploy to Staging (push) Has been cancelled
CI/CD Pipeline / Deploy to Production (push) Has been cancelled
CI/CD Pipeline / CI Summary (push) Has been cancelled
ci/woodpecker/manual/build-ci-image Pipeline was successful
ci/woodpecker/manual/main Pipeline failed
All services: admin-v2, studio-v2, website, ai-compliance-sdk, consent-service, klausur-service, voice-service, and infrastructure. Large PDFs and compiled binaries excluded via .gitignore.
62 lines
1.7 KiB
TypeScript
62 lines
1.7 KiB
TypeScript
'use client'
|
|
|
|
import { GraduationCap, Timer, Layout } from 'lucide-react'
|
|
import { CompanionMode } from '@/lib/companion/types'
|
|
|
|
interface ModeToggleProps {
|
|
currentMode: CompanionMode
|
|
onModeChange: (mode: CompanionMode) => void
|
|
disabled?: boolean
|
|
}
|
|
|
|
const modes: { id: CompanionMode; label: string; icon: React.ReactNode; description: string }[] = [
|
|
{
|
|
id: 'companion',
|
|
label: 'Companion',
|
|
icon: <GraduationCap className="w-4 h-4" />,
|
|
description: 'Dashboard mit Vorschlaegen',
|
|
},
|
|
{
|
|
id: 'lesson',
|
|
label: 'Lesson',
|
|
icon: <Timer className="w-4 h-4" />,
|
|
description: 'Timer und Phasen',
|
|
},
|
|
{
|
|
id: 'classic',
|
|
label: 'Classic',
|
|
icon: <Layout className="w-4 h-4" />,
|
|
description: 'Klassische Ansicht',
|
|
},
|
|
]
|
|
|
|
export function ModeToggle({ currentMode, onModeChange, disabled }: ModeToggleProps) {
|
|
return (
|
|
<div className="bg-white border border-slate-200 rounded-xl p-1 inline-flex gap-1">
|
|
{modes.map((mode) => {
|
|
const isActive = currentMode === mode.id
|
|
return (
|
|
<button
|
|
key={mode.id}
|
|
onClick={() => onModeChange(mode.id)}
|
|
disabled={disabled}
|
|
className={`
|
|
flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium
|
|
transition-all duration-200
|
|
${isActive
|
|
? 'bg-slate-900 text-white shadow-sm'
|
|
: 'text-slate-600 hover:bg-slate-100 hover:text-slate-900'
|
|
}
|
|
${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
|
|
`}
|
|
title={mode.description}
|
|
>
|
|
{mode.icon}
|
|
<span>{mode.label}</span>
|
|
</button>
|
|
)
|
|
})}
|
|
</div>
|
|
)
|
|
}
|