From 767df9e9f2dde7a92435fcdae112bd97c121dd0e Mon Sep 17 00:00:00 2001
From: Eric Gullickson <16152721+ericgullickson@users.noreply.github.com>
Date: Sun, 15 Feb 2026 10:50:29 -0600
Subject: [PATCH] feat: add dashboard ActionBar component (refs #199)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../dashboard/components/ActionBar.tsx        | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 frontend/src/features/dashboard/components/ActionBar.tsx

diff --git a/frontend/src/features/dashboard/components/ActionBar.tsx b/frontend/src/features/dashboard/components/ActionBar.tsx
new file mode 100644
index 0000000..3464d8b
--- /dev/null
+++ b/frontend/src/features/dashboard/components/ActionBar.tsx
@@ -0,0 +1,38 @@
+/**
+ * @ai-summary Compact action bar for dashboard with Add Vehicle and Log Fuel buttons
+ */
+
+import React from 'react';
+import Button from '@mui/material/Button';
+import Add from '@mui/icons-material/Add';
+import LocalGasStation from '@mui/icons-material/LocalGasStation';
+
+interface ActionBarProps {
+  onAddVehicle: () => void;
+  onLogFuel: () => void;
+}
+
+export const ActionBar: React.FC<ActionBarProps> = ({ onAddVehicle, onLogFuel }) => {
+  return (
+    <div className="flex flex-row gap-2 items-center">
+      <Button
+        variant="contained"
+        size="small"
+        startIcon={<Add />}
+        onClick={onAddVehicle}
+        sx={{ minHeight: 44 }}
+      >
+        Add Vehicle
+      </Button>
+      <Button
+        variant="outlined"
+        size="small"
+        startIcon={<LocalGasStation />}
+        onClick={onLogFuel}
+        sx={{ minHeight: 44 }}
+      >
+        Log Fuel
+      </Button>
+    </div>
+  );
+};