32 lines
969 B
TypeScript
32 lines
969 B
TypeScript
|
import { Classroom } from '@/proxy/classroom/planning'
|
|||
|
|
import React from 'react'
|
|||
|
|
import { classrooms } from '../data/classroom'
|
|||
|
|
|
|||
|
|
interface ClassroomSelectorProps {
|
|||
|
|
selectedClassroom: Classroom | null
|
|||
|
|
onClassroomChange: (classroom: Classroom | null) => void
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export const ClassroomSelector: React.FC<ClassroomSelectorProps> = ({
|
|||
|
|
selectedClassroom,
|
|||
|
|
onClassroomChange,
|
|||
|
|
}) => {
|
|||
|
|
return (
|
|||
|
|
<div className="w-full">
|
|||
|
|
<select
|
|||
|
|
id="classroom-selector"
|
|||
|
|
value={selectedClassroom?.id || ''}
|
|||
|
|
onChange={(e) => onClassroomChange(classrooms.find((c) => c.id === e.target.value) || null)}
|
|||
|
|
className="w-full px-2 py-1 border border-gray-300 rounded"
|
|||
|
|
>
|
|||
|
|
<option value="">Sınıf seçin...</option>
|
|||
|
|
{classrooms.map((classroom) => (
|
|||
|
|
<option key={classroom.id} value={classroom.id}>
|
|||
|
|
{classroom.name} • {classroom.capacity} koltuk
|
|||
|
|
</option>
|
|||
|
|
))}
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|