make 'need ride there' buttons responsive to availability selection

This commit is contained in:
Michael Fatemi 2021-06-24 13:57:51 -04:00
parent f24f7b6572
commit 0758b36479

View File

@ -117,6 +117,8 @@ export default function Event({
<GroupName name={group} /> <GroupName name={group} />
<Details {...{ startTime, endTime, formattedAddress }} /> <Details {...{ startTime, endTime, formattedAddress }} />
<Availability selected={availability} onSelected={setAvailability} /> <Availability selected={availability} onSelected={setAvailability} />
{availability === 'interested' && (
<>
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -211,6 +213,8 @@ export default function Event({
{confirmed ? 'Confirmed' : 'Confirm'} {confirmed ? 'Confirmed' : 'Confirm'}
</UIButton> </UIButton>
)} )}
</>
)}
</UISecondaryBox> </UISecondaryBox>
); );
} }