adding share button to share route info to different social media platforms

[ckrajewski]

Fixes #517

Proposed changes

Add a share button using Material UI to show a drop down of platforms to share routes to

Screenshot

[ckrajewski]

Need feedback on button color - should not be blue obviously

[hathix]

It would be nice to have something like the "English" button on the Material UI website (white with no background and a caret pointing down):

[hathix]

Kinda like this: https://material-ui.com/components/app-bar/#app-bar-with-menu

[akgupta89]

I'd suggest using the typical share icons instead of the word "share"

https://material-ui.com/components/material-icons/

[ckrajewski]

Feel free to take a look at PR Currently looking ar using Material UI icons instead on the ones provided from https://www.npmjs.com/package/react-share Though I am getting an error when trying to import Material UI icons

[hathix]

Chris, it looks like you might have to change some code now that the UI has been changed a lot. The share button will probably have to go in the white bar on the route screen:

[hathix]

note from our call: put the share button in the white header bar on the routes page (to the right of the date/time/route selectors). It doesn't make sense to add the share button to the header bar, because it doesn't make sense adding it to the blue bar (since that would imply that sharing is available on the entire app... and it makes less sense on the about page or the homepage).

[hathix]

I'll review this.