pjatk21/alt-api

View on GitHub
alt-api-ui/src/datalists/GroupDatalist.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 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>
)
}