add "available to drive?" frontend button

This commit is contained in:
Michael Fatemi 2021-07-11 17:13:50 -04:00
parent 6b139c69f6
commit cd94a05dcc
2 changed files with 11 additions and 3 deletions

View File

@ -132,6 +132,7 @@ export default function Event({ event }: { event: IEvent }) {
style={placeId != null ? { border: '2px solid ' + green } : {}}
placeId={placeId}
/>
<br />
{false && (
<div
style={{

View File

@ -1,8 +1,10 @@
import { useState } from 'react';
import { IEvent } from './Event';
import CallMergeIcon from '@material-ui/icons/CallMerge';
import ScheduleIcon from '@material-ui/icons/Schedule';
import EmojiPeopleIcon from '@material-ui/icons/EmojiPeople';
import ScheduleIcon from '@material-ui/icons/Schedule';
import { useState } from 'react';
import { lightgrey } from '../colors';
import UIButton from '../UI/UIButton';
import { IEvent } from './Event';
export type ICarpool = {
driver: {
@ -77,6 +79,11 @@ export default function Carpools({ event }: { event: IEvent }) {
return (
<div style={{ display: 'flex', flexDirection: 'column' }}>
<h3 style={{ marginBlockEnd: '0' }}>Carpools</h3>
<br />
<>Available to drive?</>
<UIButton onClick={() => {}} style={{ backgroundColor: lightgrey }}>
I'm not available
</UIButton>
{carpools.map((carpool) => (
<CarpoolRow carpool={carpool} key={carpool.driver.id} />
))}