Polish overview panel hierarchy
This commit is contained in:
+26
-6
@@ -540,7 +540,7 @@ function App(): JSX.Element {
|
||||
selectedAreaHasGeometry={Boolean(areaFeatureCollection)}
|
||||
/>
|
||||
<section className="overview-actions">
|
||||
<div>
|
||||
<div className="overview-action-copy">
|
||||
<p className="eyebrow">Recommended flow</p>
|
||||
<h2>Build the project, load data, review on map, validate, export.</h2>
|
||||
<p className="muted">
|
||||
@@ -548,17 +548,37 @@ function App(): JSX.Element {
|
||||
required datasets are present.
|
||||
</p>
|
||||
</div>
|
||||
<div className="quick-action-grid">
|
||||
<button type="button" onClick={() => setActiveWorkspace('data')} aria-label="Open data setup workspace">
|
||||
<div className="quick-action-grid overview-quick-actions" aria-label="Recommended next workbench actions">
|
||||
<button
|
||||
type="button"
|
||||
className="quick-action-button"
|
||||
onClick={() => setActiveWorkspace('data')}
|
||||
aria-label="Open data setup workspace"
|
||||
>
|
||||
Open data setup
|
||||
</button>
|
||||
<button type="button" onClick={() => setActiveWorkspace('map')} aria-label="Inspect map workspace">
|
||||
<button
|
||||
type="button"
|
||||
className="quick-action-button"
|
||||
onClick={() => setActiveWorkspace('map')}
|
||||
aria-label="Inspect map workspace"
|
||||
>
|
||||
Inspect map
|
||||
</button>
|
||||
<button type="button" onClick={() => setActiveWorkspace('analysis')} aria-label="Review QA/QC workspace">
|
||||
<button
|
||||
type="button"
|
||||
className="quick-action-button"
|
||||
onClick={() => setActiveWorkspace('analysis')}
|
||||
aria-label="Review QA/QC workspace"
|
||||
>
|
||||
Review QA/QC
|
||||
</button>
|
||||
<button type="button" onClick={() => setActiveWorkspace('exports')} aria-label="Manage exports workspace">
|
||||
<button
|
||||
type="button"
|
||||
className="quick-action-button"
|
||||
onClick={() => setActiveWorkspace('exports')}
|
||||
aria-label="Manage exports workspace"
|
||||
>
|
||||
Manage exports
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user