yuris/titik-gambut-next
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat(drawer): corporate accountability card in cluster inspection drawer (concession-card.tsx) #53

New issue
Closed
opened 2026-10-14 22:28:38 +00:00 by yuris · 0 comments
yuris commented 2026-10-14 22:28:38 +00:00
Owner
Copy link

This was generated by AI during triage.
Enriched to align with docs/ARCHITECTURE.md §7.1 and PR #99.

What to build

Build the tactical corporate accountability card in src/components/drawer/concession-card.tsx that appears inside cluster-detail-drawer.tsx when a fire cluster centroid intersects a registered corporate concession.

Technical specifications

  1. Target files:
    • src/components/drawer/concession-card.tsx: Card UI component adhering to DESIGN.md.
    • src/components/drawer/cluster-detail-drawer.tsx: Mount card in inspection drawer.
  2. Visual Design Tokens (DESIGN.md):
    • Container: Background #1F2622, border #2E3832, rounded-[5px], shadow-2xl.
    • Header: High-contrast title with corporate holding badge.
    • Monospace values: JetBrains Mono for SK permit number and area in hectares (LUAS_HA).
  3. Data Display Fields:
    • company_name: Corporate entity name (e.g., PT Riau Andalan Pulp & Paper or PT Meskom Agro Sarimas).
    • concession_type: Pill badge with distinct color (Sawit HGU, PBPH-HTI, HPH, Konservasi).
    • permit_id: Official Indonesian decree number (e.g., SK.133/MENLHK/2014).
    • area_ha: Formatted total concession area in hectares.
    • group_name: Parent conglomerate / holding group.
    • Non-concession state: If fire is outside licensed boundaries, display Area Non-Konsesi / Lahan Masyarakat with community monitoring advice.

Acceptance criteria

  • Card dynamically populates matching concession metadata upon fire cluster selection.
  • Correctly renders non-concession status when centroid is outside corporate boundaries.
  • Mobile responsive layout matching drawer width constraints.
  • Unit tests verify component rendering for all concession types.
> *This was generated by AI during triage.* > *Enriched to align with docs/ARCHITECTURE.md §7.1 and PR #99.* ### What to build Build the tactical corporate accountability card in `src/components/drawer/concession-card.tsx` that appears inside `cluster-detail-drawer.tsx` when a fire cluster centroid intersects a registered corporate concession. ### Technical specifications 1. **Target files**: - `src/components/drawer/concession-card.tsx`: Card UI component adhering to `DESIGN.md`. - `src/components/drawer/cluster-detail-drawer.tsx`: Mount card in inspection drawer. 2. **Visual Design Tokens (`DESIGN.md`)**: - Container: Background `#1F2622`, border `#2E3832`, rounded-[5px], shadow-2xl. - Header: High-contrast title with corporate holding badge. - Monospace values: JetBrains Mono for SK permit number and area in hectares (`LUAS_HA`). 3. **Data Display Fields**: - `company_name`: Corporate entity name (e.g., `PT Riau Andalan Pulp & Paper` or `PT Meskom Agro Sarimas`). - `concession_type`: Pill badge with distinct color (Sawit HGU, PBPH-HTI, HPH, Konservasi). - `permit_id`: Official Indonesian decree number (e.g., `SK.133/MENLHK/2014`). - `area_ha`: Formatted total concession area in hectares. - `group_name`: Parent conglomerate / holding group. - Non-concession state: If fire is outside licensed boundaries, display `Area Non-Konsesi / Lahan Masyarakat` with community monitoring advice. ### Acceptance criteria - [ ] Card dynamically populates matching concession metadata upon fire cluster selection. - [ ] Correctly renders non-concession status when centroid is outside corporate boundaries. - [ ] Mobile responsive layout matching drawer width constraints. - [ ] Unit tests verify component rendering for all concession types.
yuris changed title from Issue 40: [Frontend] Corporate accountability card in cluster inspection drawer (concession-card.tsx) to [Frontend] Corporate accountability card in cluster inspection drawer (concession-card.tsx) 2026-10-14 22:31:27 +00:00
yuris changed title from [Frontend] Corporate accountability card in cluster inspection drawer (concession-card.tsx) to Corporate accountability card in cluster inspection drawer (concession-card.tsx) 2026-10-14 22:38:32 +00:00
yuris changed title from Corporate accountability card in cluster inspection drawer (concession-card.tsx) to feat(drawer): corporate accountability card in cluster inspection drawer (concession-card.tsx) 2026-10-15 01:27:17 +00:00
yuris closed this issue 2026-10-15 04:53:34 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
feat/issue-51-concessions-layer
feat/issue-46-dual-mode-tile-url-resolver
feat/issue-44-45-protomaps-basemap-cutover
No results found.
Labels
Clear labels   
backend
Backend task

  
frontend
Frontend task

No labels
backend
frontend
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
yuris/titik-gambut-next#53
No description provided.