Quick-testing bugs/confussion

[udaynwa]

Community Dashboard - User's profile page

• I have joined 'Togglecorp' group. It shows in the 'Current Groups' section at the bottom of the page also. But the 'Groups Joined' stats container at the top of the page is showing 'Groups joined 0'.

• The contributions heatmap shows a total of 233 swipes on 2022-11-11, but the 'Total Swipes' stats at the top of the page is showing only 186.

Community Dashboard - User group page

• I joined 'Togglecorp' group on Friday, but it is showing 0 Total Swipes, 0 Total Time Spent and 0 Total Contributors
  
• The explored Group Members table data is being named as 'generatedBy_react'.
  

[udaynwa]

Community Dashboard

• While dragging the contribution heatmap to the left side or right side, the heatmap is not showing in the maps.
  cc @frozenhelium

[udaynwa]

Mobile app - iOS (Exists in the LIVE app too)

• The text input field in 'Choose a username' field of 'Create an account' changes into a password field when going to 'Log in to an existing account' screen, then coming back to the 'Create an account' screen.
• When switching back to the app clicking on 'login with Open Street map', the app is stuck in the loading screen.

[danbjoseph]

for this one: "While dragging the contribution heatmap to the left side or right side, the heatmap is not showing in the maps."

Do all the normal Leaflet parameters apply? Can you set worldCopyJump to true?

With this option enabled, the map tracks when you pan to another "copy" of the world and seamlessly jumps to the original one so that all overlays like markers and vector layers are still visible.

https://leafletjs.com/reference.html#map-worldcopyjump

[tnagorra]

@danbjoseph We will have to check if the parameter applies to the heatmap layer

EDIT: Looks like there is not option to show copies
Reference: https://github.com/Leaflet/Leaflet.heat#reference

[danbjoseph]

@tnagorra
From React Leaflet docs:

When creating a MapContainer element, its props are used as options to create the Map instance.

so I would think you could add a line with something like worldCopyJump={true} just below index.tsx#L117?

you might also try something like maxBounds={[[-90,-180],[90,180]]} which should make it so that if the user pans off the map it will bounce back instead of into another world (with the heatmap layer only displayed on the first world)? and noWrap={true} to only display the one world (not multiple like below)?

[tnagorra]

Sorry that I missed your comment.

We were using worldCopyJump on the wrong place. Thanks for your thorough comment on how this problem can be solved.

We have used worldCopyJump on leaflet container. Although, the behavior is not identical to how mapbox handles this, it has solved the problem

PR: #655

[udaynwa]

Android - React Native 0.71.3

• For 'mangroves (completeness, z18) - Mexico (1) CONABIO' project only, the app gets stuck on the loading screen after tapping 'Continue Mapping' button.