feat(explore): refine explore UX — hover states, export, smart layer defaults#31
Closed
nicholasalanbrown wants to merge 5 commits intomainfrom
Closed
feat(explore): refine explore UX — hover states, export, smart layer defaults#31nicholasalanbrown wants to merge 5 commits intomainfrom
nicholasalanbrown wants to merge 5 commits intomainfrom
Conversation
…defaults
1. TopBar: add hover bg (hover:bg-background-subtle) to nav links on both desktop and mobile
2. Export: add 'Export CSV' action to all 5 list panels (Utilities, Grid Operators,
Power Plants, Programs, Transmission) via useTableExport + DataControls.actions
3. Layer defaults reset per tab. Tab-aware rules:
- utilities: territory layer always on (no toggle); transmission + power plants OFF
- grid-operators: grid boundaries always on (no toggle); transmission + power plants OFF
- power-plants: power plants always rendered (no toggle); transmission OFF; territories toggleable
- transmission-lines: transmission always rendered (no toggle); power plants OFF; territories toggleable
- programs: territories toggleable; transmission + power plants OFF
4. Utility territories shown as toggleable overlay ('Utility Territories' in layers
control) on non-utilities tabs; hidden from layers control on utilities tab
5. Layer visibility resets to tab defaults whenever the active tab changes
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…ad icon button" This reverts commit d9b7873.
…es off by default 1. ExplorerTabBar: replace custom button tabs with edges Tabs/TabList/Tab — proper hover/active/focus states from the design system 2. ExplorerMap: richer tooltips for all layer types — utilities: segment, jurisdiction, customer count, click hint — grid operators: full type label (ISO/Balancing Authority) — transmission lines: voltage class label, kV, length, status — power plants: fuel category, capacity, state, proposed flag, click hint 3. utility-territories layer now defaults OFF for non-utilities tabs (was incorrectly defaulting to true)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Six explore experience refinements:
1. TopBar hover state
Nav links now have
hover:bg-background-subtle— same pattern as active state, just without the text color change.2. Export control (all 5 list views)
Added Export CSV action button to every list panel via
useTableExport+DataControls.actions. Surfaces inline on desktop, collapses to ActionMenu on mobile. Works in both hybrid and list layouts.Exports: Utilities, Grid Operators, Power Plants, Programs, Transmission Lines — each with sensible column sets and a filename like
opengrid-utilities.csv.3-6. Tab-aware layer logic
The core idea: on an entity tab, don't show the layer toggle for that entity — just render it. For all other entity layers, show them as toggleable (off by default).
Layer visibility resets to tab defaults whenever the active tab changes.
Files changed
components/TopBar.tsx— hover statescomponents/explorer/ExplorerMap.tsx— tab-aware layer visibility + defaultscomponents/explorer/panels/UtilityListPanel.tsx— exportcomponents/explorer/panels/GridOperatorListPanel.tsx— exportcomponents/explorer/panels/ProgramListPanel.tsx— exportcomponents/explorer/panels/PowerPlantListPanel.tsx— exportcomponents/explorer/panels/TransmissionListPanel.tsx— exportTesting
tsc --noEmitpasses (only pre-existingpmtilesmodule error, unrelated)