import { useState, useEffect } from 'react'; import { db, Teacher } from '../utils/db'; import { v4 as uuid } from 'uuid'; export function useTeachers() { const [teachers, setTeachers] = useState([]); useEffect(() => { db.teachers.toArray().then(setTeachers); }, []); const addTeacher = (name: string) => { const t: Teacher = { id: uuid(), name }; db.teachers.add(t).then(() => setTeachers(prev => [...prev, t])); }; return { teachers, addTeacher }; }