Closed shyambhongle closed 3 months ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
planet-webapp | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jun 4, 2024 11:52am |
planet-webapp-multi-tenancy-setup | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jun 4, 2024 11:52am |
The recent updates focus on refining the functionality and user experience within the project mapping and image handling components. Key changes include enhancing zoom animations, improving map hover interactions, and ensuring robust image processing. These adjustments aim to provide smoother map navigation, better handling of user interactions, and more reliable image displays.
File Path | Change Summary |
---|---|
src/features/projects/components/maps/Project.tsx |
Adjusted React.useEffect hooks for setting polygon coordinates and zoom behavior based on selected project details. |
src/utils/maps/zoomToProjectSite.ts |
Increased the default duration for the zoom animation from 1200 to 4000 milliseconds. |
src/features/projects/components/PlantLocation/... |
Moved slider component setting inside the loop and added a new variable ask in ImageSlider.tsx . |
src/features/projects/components/ProjectsMap.tsx |
Enhanced onMapHover function with new conditional checks and state updates for handling plant location interactions. |
src/features/projects/components/projectDetails/... |
Added checks for sliderImage and sliderImage.image in ImageSlider.tsx to prevent errors with empty values. |
sequenceDiagram
participant User
participant ProjectsMap
participant Project
participant zoomToProjectSite
participant ImageSlider
User->>ProjectsMap: Hover over map
ProjectsMap->>ProjectsMap: onMapHover()
ProjectsMap->>Project: Update selected plant location
Project->>zoomToProjectSite: Zoom to location with updated duration
zoomToProjectSite-->>Project: Zoom completed
User->>ImageSlider: View project images
ImageSlider->>ImageSlider: Process images with added checks
ImageSlider-->>User: Display images
In the map's embrace, a gentle zoom, Four thousand milliseconds, a smoother bloom. Hover here, hover there, plants reveal, With careful checks, images feel so real. In code we trust, to guide our quest, For projects mapped, we bring our best.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
While testing directly on my iPhone, zooming does not correctly work when opening a project and after some tries I am experiencing an error, where I just see the empty map, no project details.
Bug Fixes on Map
This PR addresses commonly reproducible bugs, including the following:
Zoom-in issues after selecting a project. Delays or unexpected behavior when zooming/viewing the map after selecting a polygon. Data not changing on side panel when hovering over different areas. Data related to sample trees not updating on side panel when clicking on specific sample trees. Issue with the ImageSlider where images were not updating on data change.
Re: When a user clicks on a project after searching for it in the side panel, it takes time to zoom in to the project. Cause: This delay occurs because the pages are rendered on the server, causing a delay only when the cache is expired. Once the cache is present for the page, the CTA behaves as expected.