feat: Dashboard ActionBar component (#196) #199

Closed
opened 2026-02-15 16:31:04 +00:00 by egullickson · 0 comments
Owner

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
status
backlog
type
feature
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
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: egullickson/motovaultpro#199