alt-api-ui/src/datalists/GroupDatalist.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 getAllGroups = () => ky.get(`${baseUrl}v1/timetable/groups`).json<{ groupsAvailable: string[] }>() export type DatalistProps = { id: string} Similar blocks of code found in 2 locations. Consider refactoring.export function GroupDatalist({ id }: DatalistProps) { const { data } = useQuery('grouos', getAllGroups) return ( <datalist id={id}> {(data?.groupsAvailable ?? []).map((group) => ( <option key={group} value={group} /> ))} </datalist> )}