Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Port map to React #62

Merged
merged 12 commits into from
Feb 20, 2021
Merged

Port map to React #62

merged 12 commits into from
Feb 20, 2021

Conversation

snyderc
Copy link
Collaborator

@snyderc snyderc commented Feb 17, 2021

Use React to render the map. Use CSS shapes instead of images for the stars and circles. Added URL parsing of the "booking" field on both the map and search. Took the elements from the current homepage so that we can render the current site homepage in React.

I kept the map and its subcomponents (marker, popup) in one file, because I think there will be changes to the organizational structure when we integrate the map into the search results page, which is the next step after publishing a Reactified version of the site.

Documentation for google-map-react:
https://github.com/google-map-react/google-map-react
https://github.com/google-map-react/google-map-react/blob/master/API.md

Screen Shot 2021-02-19 at 7 33 18 PM

Screen Shot 2021-02-19 at 7 32 55 PM

Copy link
Collaborator

@hblumberg hblumberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is so exciting!!

pages/dev/map.js Outdated Show resolved Hide resolved
pages/dev/map.js Outdated Show resolved Hide resolved
pages/dev/map.js Outdated Show resolved Hide resolved
pages/dev/map.js Outdated Show resolved Hide resolved
pages/dev/map.js Outdated Show resolved Hide resolved
pages/dev/map.js Outdated Show resolved Hide resolved
@@ -21,9 +21,14 @@
"react"
],
"rules": {
"template-curly-spacing": "off",
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is to fix an error TypeError: Cannot read property 'range' of null
Occurred while linting /Users/snyderc/Documents/vaccinatema/components/utilities/parseBookAppointmentString.js:1

babel/babel-eslint#681

@snyderc snyderc changed the title WIP - Port map to React Port map to React Feb 19, 2021
@snyderc snyderc marked this pull request as ready for review February 19, 2021 03:52
Copy link
Collaborator

@hblumberg hblumberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for tackling this!

.eslintrc.json Outdated Show resolved Hide resolved
pages/dev/search.js Outdated Show resolved Hide resolved
pages/dev/index.js Outdated Show resolved Hide resolved
pages/dev/index.js Outdated Show resolved Hide resolved
components/Map.js Outdated Show resolved Hide resolved
components/Map.js Show resolved Hide resolved
components/Map.js Show resolved Hide resolved
components/Map.js Show resolved Hide resolved
@snyderc snyderc merged commit 7df629c into main Feb 20, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants