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

update carpool map location

Browse Source
This commit is contained in:
Michael Fatemi 2021-08-11 22:02:23 -04:00
parent 3792d97117
commit ea2bdbe635
2 changed files with 7 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -203,11 +203,11 @@ export default function Carpool({ id }: { id: number }) {
<CarpoolTopButtons />
<CarpoolDetails />
<Members>
<CarpoolRouteEstimator />
<MemberList />
<h2>Map</h2>
<h2 style={{ marginBlockEnd: 0 }}>Map</h2>
<CarpoolMapLegend />
<CarpoolMap />
<CarpoolRouteEstimator />
<MemberList />
</Members>
</UISecondaryBox>
</CarpoolContext.Provider>

25
src/components/Carpool/CarpoolMapLegend.tsx
View File

@ -1,26 +1,9 @@
export default function CarpoolMapLegend() {
return (
<div
style={{
display: 'flex',
flexDirection: 'column',
margin: '0.5rem',
backgroundColor: '#fcfcfc',
borderRadius: '0.5rem',
padding: '0.5rem',
}}
>
<b style={{ textAlign: 'center' }}>Legend</b>
<div style={{ display: 'flex', alignItems: 'center' }}>
<img src="/markers/red.png" alt="Red marker"></img> My location
</div>
<div style={{ display: 'flex', alignItems: 'center' }}>
<img src="/markers/blue.png" alt="Blue marker"></img> Other member
location
</div>
<div style={{ display: 'flex', alignItems: 'center' }}>
<img src="/markers/green.png" alt="Green marker"></img> Event location
</div>
<div style={{ display: 'flex', alignItems: 'center', margin: '1rem' }}>
<img src="/markers/red.png" alt="Red marker"></img> Me
<img src="/markers/blue.png" alt="Blue marker"></img> Other
<img src="/markers/green.png" alt="Green marker"></img> Event
</div>
);
}