rushilwiz/wheelshare-frontend
1
0
Fork 0
mirror of https://github.com/myfatemi04/wheelshare-frontend.git synced 2025-04-21 11:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

feature: creating carpools with pre-invited users: complete!

Browse Source
This commit is contained in:
Michael Fatemi 2021-07-14 12:16:31 -04:00
parent 8b8ef46b3f
commit bac9a9aa27
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Event/EventCarpools.tsx
View File

@ -112,10 +112,14 @@ export default function Carpools() {
setHasCarpool(alreadyInCarpool);
}, [alreadyInCarpool, setHasCarpool]);
const createEmptyCarpool = useCallback(() => {
const createCarpoolCallback = useCallback(() => {
setCreationStatus('pending');
createCarpool({ name: me.name + "'s Carpool", eventId: event.id })
createCarpool({
name: me.name + "'s Carpool",
eventId: event.id,
invitedUserIds: tentativeInvites.toArray(),
})
.then(({ id }) => {
setCreatedCarpoolId(id);
setCreationStatus('completed');
@ -123,7 +127,7 @@ export default function Carpools() {
.catch(() => {
setCreationStatus('errored');
});
}, [event.id, me.name]);
}, [event.id, me.name, tentativeInvites]);
const tentativeInviteNames = useMemo(() => {
if (!signups) return [];
@ -146,7 +150,7 @@ export default function Carpools() {
<b>You have invited these people to carpool with you:</b>
{tentativeInviteNames.join(',')}
<UIButton
onClick={createEmptyCarpool}
onClick={createCarpoolCallback}
style={{ backgroundColor: lightgrey }}
>
{creationStatus === null
@ -162,7 +166,7 @@ export default function Carpools() {
<>
<span>Available to drive?</span>
<UIButton
onClick={createEmptyCarpool}
onClick={createCarpoolCallback}
style={{ backgroundColor: lightgrey }}
>
{creationStatus === null

4
src/components/api.ts
View File

@ -175,11 +175,13 @@ export async function getCarpool(id: number): Promise<ICarpool> {
export async function createCarpool({
eventId,
name,
invitedUserIds,
}: {
eventId: number;
name: string;
invitedUserIds: number[];
}): Promise<{ id: number }> {
return await post('/carpools/', { eventId, name });
return await post('/carpools/', { eventId, name, invitedUserIds });
}
export async function sendCarpoolInvite(carpoolId: number, userId: number) {