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

add requests/invites button to carpool manager

Browse Source
This commit is contained in:
Michael Fatemi 2021-07-12 22:28:14 -04:00
parent 4fedad1058
commit e9948db808
1 changed files with 39 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/Carpool/Carpool.tsx
View File

@ -1,10 +1,16 @@
import EventIcon from '@material-ui/icons/Event'; import EventIcon from '@material-ui/icons/Event';
import LocationOnIcon from '@material-ui/icons/LocationOn'; import LocationOnIcon from '@material-ui/icons/LocationOn';
import MailOutlineIcon from '@material-ui/icons/MailOutline';
import PersonAddIcon from '@material-ui/icons/PersonAdd';
import { useState } from 'react'; import { useState } from 'react';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import { ICarpool } from '../types'; import { ICarpool } from '../types';
import UISecondaryBox from '../UI/UISecondaryBox'; import UISecondaryBox from '../UI/UISecondaryBox';
import UIButton from '../UI/UIButton';
import { lightgrey } from '../colors';
function MemberList({ members }: { members: ICarpool['members'] }) { function MemberList({ members }: { members: ICarpool['members'] }) {
return ( return (
@ -46,9 +52,39 @@ export default function Carpool() {
<UISecondaryBox style={{ width: '100%', alignItems: 'center' }}> <UISecondaryBox style={{ width: '100%', alignItems: 'center' }}>
{carpool ? ( {carpool ? (
<> <>
<h1>{name}</h1> <h1 style={{ marginBottom: '0rem' }}>{name}</h1>
<h2>{event.name}</h2> <h2 style={{ marginBottom: '0rem' }}>{event.name}</h2>
<div style={{ fontSize: '1.5rem', fontWeight: 600 }}> <div
style={{
display: 'flex',
flexDirection: 'row',
margin: '0.5rem 0',
}}
>
<UIButton
style={{
marginRight: '0.25rem',
backgroundColor: lightgrey,
display: 'flex',
alignItems: 'center',
}}
onClick={console.log}
>
<MailOutlineIcon style={{ marginRight: '0.5rem' }} /> 1 request
</UIButton>
<UIButton
style={{
marginLeft: '0.25rem',
backgroundColor: lightgrey,
display: 'flex',
alignItems: 'center',
}}
onClick={console.log}
>
<PersonAddIcon style={{ marginRight: '0.5rem' }} /> Invite
</UIButton>
</div>
<div style={{ fontSize: '1.5rem', fontWeight: 400 }}>
<div <div
style={{ style={{
color: '#303030', color: '#303030',