alt-api-ui/src/datalists/TutorDatalist.tsx
import ky from 'ky'import { useQuery } from 'react-query'import { baseUrl } from '../util' Similar blocks of code found in 4 locations. Consider refactoring.const getAllTutors = () => ky.get(`${baseUrl}v1/timetable/tutors`).json<{ tutorsAvailable: string[] }>() export type DatalistProps = { id: string} Similar blocks of code found in 2 locations. Consider refactoring.export function TutorDatalist({ id }: DatalistProps) { const { data } = useQuery('tutors', getAllTutors) return ( <datalist id={id}> {(data?.tutorsAvailable ?? []).map((tutor) => ( <option key={tutor} value={tutor} /> ))} </datalist> )}