mirror of
https://github.com/myfatemi04/wheelshare-frontend.git
synced 2025-04-21 11:20:17 -04:00
add "available to drive?" frontend button
This commit is contained in:
parent
6b139c69f6
commit
cd94a05dcc
|
@ -132,6 +132,7 @@ export default function Event({ event }: { event: IEvent }) {
|
|||
style={placeId != null ? { border: '2px solid ' + green } : {}}
|
||||
placeId={placeId}
|
||||
/>
|
||||
<br />
|
||||
{false && (
|
||||
<div
|
||||
style={{
|
||||
|
|
|
@ -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} />
|
||||
))}
|
||||
|
|
Loading…
Reference in New Issue
Block a user