chore work

Author: thienle210303

front-end/src/components/Chatbot.jsx

@@ -130,8 +130,8 @@ function Chatbot() {
       // const citations = response.data.citations
       const chatContent = "Here is the list of cars recommendation"
       const citations = [
-        { VIM: '1234567899', description: 'Toyota Camry 2016' },
-        { VIM: '1234556788', description: 'Honda CV 2017' }
+        { VIM: '1HGCM82633A123456', description: 'Tesla Model S 2022' },
+        { VIM: '4HGCM82633A789654', description: 'Toyota Camry 2020' }
       ]
 
       const options = citations.map(({ VIM, description }) => ({

front-end/src/pages/ComparePage/BudgetCalculator.jsx

@@ -14,7 +14,7 @@ const BudgetCalculator = ({ cart, setVehiclePayemnt, modal_id }) => {
     if (tradeValue && tradeValue < 0) newErrors.tradeValue = "Trade value must be positive number"
 
     if (!loanTerm) newErrors.loanTerm = "Loan term is required"
-    else if (loanTerm <= 6) newErrors.loanTerm = "Loan term must be greater than 6 months"
+    else if (loanTerm < 6) newErrors.loanTerm = "Loan term must be greater or equal than 6 months"
 
     if (!interestRate) newErrors.interestRate = "Interest rate is required"
     else if (interestRate < 0) newErrors.interestRate = "Interest rate must be greater than 0"

front-end/src/pages/ComparePage/ComparePage.jsx

@@ -120,7 +120,7 @@ const ComparePage = () => {
                     🌍 CO₂: {vehicle.cO2Emissions} g/km
                   </span>
                   <span className="badge bg-teal-50 px-3 py-1 rounded-lg shadow">
-                    ⛽ {vehicle.mpg} MPG
+                    ⛽ {vehicle.mpg} {isVehicleSustainable(vehicle) ? 'MPGe' : 'MPG'}
                   </span>
                 </div>
 

front-end/src/pages/FinancePage.jsx

@@ -41,7 +41,7 @@ const FinancePage = () => {
     if (tradeValue && tradeValue < 0) newErrors.tradeValue = "Trade value must be positive number"
 
     if (!loanTerm) newErrors.loanTerm = "Loan term is required"
-    else if (loanTerm <= 6) newErrors.loanTerm = "Loan term must be greater than 6 months"
+    else if (loanTerm < 6) newErrors.loanTerm = "Loan term must be greater or equal than 6 months"
 
     if (!interestRate) newErrors.interestRate = "Interest rate is required"
     else if (interestRate < 0) newErrors.interestRate = "Interest rate must be greater than 0"

front-end/src/pages/VehicleDetailPage.jsx

@@ -62,10 +62,6 @@ const VehicleDetailPage = () => {
     navigate('/search/')
   }
 
-  const handleNotDevelop = () => {
-    startWindToast("Future", "This feature is for future develop", 'info', 3, 'top')
-  }
-
   const handleAddToCart = () => {
     if (cart.length >= 3) {
       startWindToast("Cart Limit Reached", "Only add up to 3 vehicles to the cart", 'error', 3, 'top')
@@ -74,7 +70,7 @@ const VehicleDetailPage = () => {
     dispatch(addToCart(vehicle))
     startWindToast("Added to Cart", "The vehicle has been successfully added to your cart", 'success', 3, 'top')
   }
-  
+
   const handleRemoveFromCart = (vehicle) => {
     dispatch(removeFromCart(vehicle))
     startWindToast("Removed from Cart", "The vehicle has been successfully removed from your cart", 'warning', 3, 'top')
@@ -109,11 +105,11 @@ const VehicleDetailPage = () => {
         {/* Main Content */}
         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
           {/* Left Column - Image */}
-          <div className="card bg-base-100 shadow-xl rounded-xl overflow-hidden">
+          <div className="card bg-base-100 shadow-xl rounded-xl overflow-hidden items-center justify-center">
             <img
               src={vehicle.imageUrls[0]}
               alt={vehicle.model}
-              className="w-full h-[400px] object-cover"
+              className="w-full object-cover"
             />
           </div>
 
@@ -142,6 +138,14 @@ const VehicleDetailPage = () => {
 
             {/* Key Details Grid */}
             <div className="grid grid-cols-2 gap-6 mb-8">
+              <div className="border-b pb-4">
+                <div className="text-gray-500">Year</div>
+                <div className="text-xl font-semibold">{vehicle.year}</div>
+              </div>
+              <div className="border-b pb-4">
+                <div className="text-gray-500">Mileage</div>
+                <div className="text-xl font-semibold">{vehicle.mileage}</div>
+              </div>
               <div className="border-b pb-4">
                 <div className="text-gray-500">Body Type</div>
                 <div className="text-xl font-semibold">{vehicle.bodyType}</div>
@@ -162,12 +166,6 @@ const VehicleDetailPage = () => {
 
             {/* Action Buttons */}
             <div className="space-y-4">
-              <button
-                onClick={handleNotDevelop}
-                className="btn w-full text-lg h-14 bg-[#e6d5e8] text-black hover:bg-[#d8c7da]"
-              >
-                Schedule Test Drive
-              </button>
               {!isInCart ? (
                 <button
                   onClick={() => handleAddToCart(vehicle)}
@@ -215,7 +213,7 @@ const VehicleDetailPage = () => {
             <h2 className="text-2xl font-bold mb-4">Performance</h2>
             <div className="space-y-4">
               <div className="flex justify-between items-center border-b pb-2">
-                <span className="text-gray-600">Fuel Economy (MPG)</span>
+                <span className="text-gray-600">Fuel Economy (MPG/MPGe)</span>
                 <span className="font-semibold">{vehicle.mpg}</span>
               </div>
               <div className="flex justify-between items-center border-b pb-2">