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 icons to EventDetails

Browse Source
This commit is contained in:
Michael Fatemi 2021-07-08 16:32:31 -04:00
parent 7076c18107
commit 66d72c1f55
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Event/EventDetails.tsx
View File

@ -1,4 +1,6 @@
import formatStartAndEndTime from '../dates'; import formatStartAndEndTime from '../dates';
import EventIcon from '@material-ui/icons/Event';
import LocationOnIcon from '@material-ui/icons/LocationOn';
export default function Details({ export default function Details({
startTime, startTime,
@ -13,27 +15,31 @@ export default function Details({
<div <div
style={{ style={{
marginTop: '0.5rem', marginTop: '0.5rem',
marginBottom: '0.5rem',
textAlign: 'left', textAlign: 'left',
}} }}
> >
<span <div
style={{ style={{
color: '#303030', color: '#303030',
display: 'flex',
alignItems: 'center',
}} }}
> >
<b>When: </b> <EventIcon style={{ marginRight: '1rem' }} />
{formatStartAndEndTime(startTime, endTime)} {formatStartAndEndTime(startTime, endTime)}
</span> </div>
<br /> <br />
<br /> <div
<span
style={{ style={{
color: '#303030', color: '#303030',
display: 'flex',
alignItems: 'center',
}} }}
> >
<b>Where: </b> <LocationOnIcon style={{ marginRight: '1rem' }} />
{formattedAddress} {formattedAddress}
</span> </div>
</div> </div>
); );
} }