pjatk21/alt-api

View on GitHub
alt-api-ui/src/datalists/TutorDatalist.tsx

Summary

Maintainability
B
4 hrs
Test Coverage
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>
)
}