Skip to content

Feature: Pattern intensity map under Patterns tab on KYL dashboardFeature/pattern intensity map#315

Open
Athina09 wants to merge 7 commits intocore-stack-org:mainfrom
Athina09:feature/pattern-intensity-map
Open

Feature: Pattern intensity map under Patterns tab on KYL dashboardFeature/pattern intensity map#315
Athina09 wants to merge 7 commits intocore-stack-org:mainfrom
Athina09:feature/pattern-intensity-map

Conversation

@Athina09
Copy link
Copy Markdown

@Athina09 Athina09 commented Mar 7, 2026

Adds pattern intensity visualization for MWS polygons on the KYL dashboard.

Summary

  • Button: "Map View (Pattern intensity)" under the Patterns tab in the left sidebar (enabled when State, District & Tehsil are selected).
  • Modal: Map of MWS polygons colored by how many selected patterns each MWS matches: green (safe) → yellow/orange (moderate) → red (high stress). Legend at bottom. Closing the modal does not affect the main map.

Acceptance criteria

  • New button under Patterns tab in the left sidebar
  • Clicking opens a popup/modal with a map view
  • Map displays MWS polygons
  • Polygons styled with green → red gradient by pattern count
  • Green = safe / no stress; red = high stress
  • Legend explaining the gradient
  • Map readable at default zoom (fits to MWS extent)
  • Popup closes without affecting main map

Files changed

  • src/components/utils/patternIntensityUtils.js (new)
  • src/components/PatternIntensityMapModal.jsx (new)
  • src/components/kyl_leftSidebar.jsx
  • src/pages/kyl_dashboard.jsx

apple added 4 commits March 8, 2026 20:42
…andscape visible

- Make scroll container explicit (flex layout, main scrolls only)
- Use scroll-snap proximity and GPU layer for smoother scroll
- Replace backdrop-blur on sections with bg-white/10 to reduce jank
- Fix layout: h-screen + navbar + footer so first section shows below navbar
- Add landing-scroll-container CSS (scroll-padding, -webkit-overflow-scrolling)
- Semantic structure: header, main, footer with shrink-0 for stable layout

Made-with: Cursor
…l-behavior, scroll-margin

Made-with: Cursor
- Add Map View (Pattern intensity) button in left sidebar Patterns tab
- Modal with map showing MWS polygons colored by pattern count (green→red)
- Legend: Safe (green), moderate (yellow/orange), high stress (red)
- patternIntensityUtils: getPatternCountByMws, patternIntensityColor
- Disabled until State, District & Tehsil selected; close modal does not affect main map

Made-with: Cursor
@Athina09 Athina09 force-pushed the feature/pattern-intensity-map branch from 9efdc63 to c702068 Compare March 8, 2026 15:12
Made-with: Cursor
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.

2 participants