diff --git a/src/components/Carpool/InvitationList.tsx b/src/components/Carpool/InvitationList.tsx index a7ea5ce..85b1ac9 100644 --- a/src/components/Carpool/InvitationList.tsx +++ b/src/components/Carpool/InvitationList.tsx @@ -1,8 +1,7 @@ import CancelIcon from '@material-ui/icons/Cancel'; import PersonAddIcon from '@material-ui/icons/PersonAdd'; import { useContext, useEffect, useMemo } from 'react'; -import { getEventSignups } from '../api'; -import { IEventSignup } from '../types'; +import { getPotentialInvitees, PotentialInvitee } from '../api'; import useImmutable from '../useImmutable'; import { CarpoolContext } from './Carpool'; @@ -46,10 +45,10 @@ export default function InvitationList() { const eventId = carpool.event.id; const [availableSignups, setAvailableSignups] = - useImmutable(null); + useImmutable(null); useEffect(() => { - getEventSignups(eventId).then(setAvailableSignups); + getPotentialInvitees(eventId).then(setAvailableSignups); }, [eventId, setAvailableSignups]); const invitedUserIDs = useMemo( diff --git a/src/components/api.ts b/src/components/api.ts index 2ef6b22..34c7b68 100644 --- a/src/components/api.ts +++ b/src/components/api.ts @@ -228,3 +228,18 @@ export async function getActiveEvents() { export async function getActiveCarpools() { return (await get('/users/@me/active_carpools')) as ICarpool[]; } + +export type PotentialInvitee = { + user: { + id: number; + name: string; + }; + latitude: number; + longitude: number; +}; + +export async function getPotentialInvitees( + carpoolId: number +): Promise { + return await get(`/carpools/${carpoolId}/potential_invitees`); +}