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

add "available to drive?" frontend button

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Event/Event.tsx
View File

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

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

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