feat: implement chart container with state-based rendering (Task 2.4)
- Add chart_loading_skeleton() with animated bar chart and spinner - Add chart_error_state() for displaying errors with guidance - Add chart_empty_state() for when filters yield no results - Add chart_ready_placeholder() for Phase 4 Plotly integration - Rewrite chart_section() with 4-state rx.cond() logic - Fix icon names (triangle-alert) and color references (SLATE_500) This completes Phase 2 Layout Components.
This commit is contained in:
@@ -84,11 +84,11 @@ cd pathways_app && timeout 60 python -m reflex run 2>&1 | head -30
|
||||
- [x] KPIs should be reactive to filter state
|
||||
|
||||
### 2.4 Chart Container
|
||||
- [ ] Create `chart_section()` component
|
||||
- [ ] Full-width card with appropriate padding
|
||||
- [ ] Placeholder for Plotly chart (integrate in Phase 3)
|
||||
- [ ] Loading state with skeleton/spinner
|
||||
- [ ] Error state with friendly message
|
||||
- [x] Create `chart_section()` component
|
||||
- [x] Full-width card with appropriate padding
|
||||
- [x] Placeholder for Plotly chart (integrate in Phase 4)
|
||||
- [x] Loading state with skeleton/spinner
|
||||
- [x] Error state with friendly message
|
||||
|
||||
## Phase 3: State Management
|
||||
|
||||
|
||||
Reference in New Issue
Block a user