feat: Dashboard ActionBar component (#196) #199

New Issue

2026-02-15T16:31:04Z

egullickson commented

2026-02-15 16:31:04 +00:00

Relates to #196

Summary

Create a compact horizontal action bar with "Add Vehicle" and "Log Fuel" buttons that replaces the current QuickActions section. Sits below the "Your Fleet" heading.

Files

frontend/src/features/dashboard/components/ActionBar.tsx -- new component

Acceptance Criteria

Slim horizontal row with two buttons: "+ Add Vehicle" and "Log Fuel"
Buttons trigger navigation callbacks (onAddVehicle, onLogFuel)
Desktop: full text labels with icons
Mobile: compact layout (icon-only or smaller text)
Replaces QuickActions functionality entirely
Uses MUI Button with existing theme variants (contained/outlined/tonal)
Minimum 44px touch targets on mobile

Relates to #196 ## Summary Create a compact horizontal action bar with "Add Vehicle" and "Log Fuel" buttons that replaces the current QuickActions section. Sits below the "Your Fleet" heading. ## Files - `frontend/src/features/dashboard/components/ActionBar.tsx` -- new component ## Acceptance Criteria - [ ] Slim horizontal row with two buttons: "+ Add Vehicle" and "Log Fuel" - [ ] Buttons trigger navigation callbacks (onAddVehicle, onLogFuel) - [ ] Desktop: full text labels with icons - [ ] Mobile: compact layout (icon-only or smaller text) - [ ] Replaces QuickActions functionality entirely - [ ] Uses MUI Button with existing theme variants (contained/outlined/tonal) - [ ] Minimum 44px touch targets on mobile

egullickson added the

labels 2026-02-15 16:31:45 +00:00

egullickson added this to the Sprint 2026-02-02 milestone 2026-02-15 16:31:50 +00:00

egullickson referenced this issue

2026-02-15 16:33:09 +00:00

feat: Redesign dashboard with vehicle-centric layout #196

egullickson referenced this issue from a commit

2026-02-15 17:04:04 +00:00