more

src/components/Vehicles.js

@@ -64,6 +64,7 @@ const Vehicles = () => {
           const dbVehs = data.map((item, i) => {
             return Object.assign(item, { id: ids[i] });
           });
+          console.log("~~~~~~~~~~~~dbVehs", dbVehs);
           setSavedVehicles(dbVehs);
         } else {
           console.log("Error fetching data from database");
@@ -113,7 +114,10 @@ const Vehicles = () => {
       console.log(`Error deleteing vehicle from db: ${error}`);
     }
   }
-
+  console.log("~~~~~~~~~~~~~savedVehicles", savedVehicles);
+  savedVehicles.forEach((el) => {
+    console.log("~~~~~~~~~~~~~el", el);
+  });
   return (
     <>
       <div className="vehicles-container">
@@ -155,15 +159,15 @@ const Vehicles = () => {
           )}
           {savedVehicles.map((el, i) => (
             <Vehicle
-              key={`${el.model}${i}`}
+              key={`${el.Model}${i}`}
-              make={el.make}
+              make={el.Make}
-              model={el.model}
+              model={el.Model}
-              trim={el.trim}
+              trim={el.Trim}
-              color={el.color}
+              color={el.Color}
-              category={el.category}
+              category={el.Category}
-              mileage={el.mileage}
+              mileage={el.Mileage}
-              price={el.price}
+              price={el.Price}
-              year={el.year}
+              year={el.Year}
               id={el.id}
               onClick={deleteData}
             />