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