From aae1b5fca1631bd8739b62df129498e5ed734b68 Mon Sep 17 00:00:00 2001
From: bponders12-cell <bponders12@gmail.com>
Date: Tue, 1 Sep 2026 12:10:42 -0400
Subject: [PATCH] feat(garage): show real motorcycle photos on garage cards

---
 lib/features/garage/garage_screen.dart | 31 +++++++++++---------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/lib/features/garage/garage_screen.dart b/lib/features/garage/garage_screen.dart
index fa1a7a3..74f23bc 100644
--- a/lib/features/garage/garage_screen.dart
+++ b/lib/features/garage/garage_screen.dart
@@ -6,6 +6,7 @@ import '../../database/database.dart';
 import '../../models/motorcycle_models.dart';
 import '../../core/theme/evolution_theme_config.dart';
 import 'garage_providers.dart';
+import 'widgets/motorcycle_photo.dart';
 
 class GarageScreen extends ConsumerWidget {
   const GarageScreen({super.key});
@@ -39,15 +40,12 @@ class GarageScreen extends ConsumerWidget {
         loading: () => const Center(child: CircularProgressIndicator()),
         error: (err, stack) => Center(child: Text('Error loading garage: $err')),
         data: (bikes) {
-          if (bikes.isEmpty) {
-            return _buildEmptyState(context);
-          }
+          if (bikes.isEmpty) return _buildEmptyState(context);
           return ListView.builder(
             padding: const EdgeInsets.all(16.0),
             itemCount: bikes.length,
             itemBuilder: (context, index) {
-              final bike = bikes[index];
-              return _buildMotorcycleCard(context, ref, bike, themeMode);
+              return _buildMotorcycleCard(context, ref, bikes[index], themeMode);
             },
           );
         },
@@ -112,7 +110,6 @@ class GarageScreen extends ConsumerWidget {
     final displayName = bike.nickname != null && bike.nickname!.isNotEmpty
         ? '${bike.nickname} (${bike.year} ${bike.makeName} ${bike.modelName})'
         : '${bike.year} ${bike.makeName} ${bike.modelName}';
-
     final isEvolution = themeMode == DashboardThemeMode.evolution;
 
     return Container(
@@ -133,23 +130,21 @@ class GarageScreen extends ConsumerWidget {
           borderRadius: BorderRadius.circular(isEvolution ? 14 : 12),
           onTap: () => context.push('/garage/${bike.id}'),
           child: Padding(
-            padding: const EdgeInsets.all(16.0),
+            padding: const EdgeInsets.all(12.0),
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
+                MotorcyclePhoto(
+                  year: bike.year,
+                  make: bike.makeName,
+                  model: bike.modelName,
+                  height: 190,
+                  borderRadius: BorderRadius.circular(isEvolution ? 10 : 8),
+                ),
+                const SizedBox(height: 14),
                 Row(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    Container(
-                      padding: const EdgeInsets.all(12),
-                      decoration: BoxDecoration(
-                        color: isEvolution ? const Color(0xFF141414) : Colors.white10,
-                        borderRadius: BorderRadius.circular(10),
-                        border: isEvolution ? Border.all(color: const Color(0xFF222222)) : null,
-                      ),
-                      child: const Icon(Icons.two_wheeler, size: 36, color: Color(0xFF00E5FF)),
-                    ),
-                    const SizedBox(width: 16),
                     Expanded(
                       child: Column(
                         crossAxisAlignment: CrossAxisAlignment.start,
@@ -205,7 +200,7 @@ class GarageScreen extends ConsumerWidget {
                     ),
                   ],
                 ),
-                const SizedBox(height: 16),
+                const SizedBox(height: 12),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [