finished

KaharErbol · Apr 4, 2023 · ab89b92 · ab89b92
1 parent 60c0b39
commit ab89b92
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/ghi/app/src/AppointmentForm.js b/ghi/app/src/AppointmentForm.js
@@ -62,7 +62,7 @@ function AppoinementForm(){
 
         const response = await fetch(url, fetchConfig);
         if (response.ok) {
-            setTechnicians([]);
+            // setTechnicians([]);
             setCustomerName('');
             setVin('');
             setDate('');

diff --git a/ghi/app/src/AutomobileForm.js b/ghi/app/src/AutomobileForm.js
@@ -51,7 +51,7 @@ function AutomobileForm() {
 
         const response = await fetch(url, fetchConfig);
         if (response.ok) {
-            setModels([]);
+            // setModels([]);
             setColor('');
             setYear('');
             setVin('');

diff --git a/ghi/app/src/MainPage.js b/ghi/app/src/MainPage.js
@@ -1,5 +1,4 @@
 import { useState, useEffect } from "react";
-import { NavLink } from "react-router-dom";
 
 function MainPage() {
 
@@ -39,19 +38,26 @@ function MainPage() {
           Vintage Car Service and Sales
         </p>
         <img src={backImg} className="img-fluid" alt="Backgrounf Image"/>
+        <h2>Latest Collections</h2>
       </div>
-      <div className="row row-cols-1 row-cols-md-2 g-4">
-          <div className="col">
+      <div className="container text-center">
+        <div className="row row-cols-3">
+        {pics.slice(-4).map(pic => {
+        return (
+          <div key={pic.id} className="col-sm-6">
             <div className="card" >
-              <img src="..." className="card-img-top" alt="..." />
-              <div className="card-body">
-                <h5 className="card-title">Card title</h5>
-                <p className="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" className="btn btn-primary">Go somewhere</a>
+                <img src={pic.picture_url} className="card-img-top card-img-custom" alt="..." style={{height: "400px", objectFit: "cover"}}/>
+                <div className="card-body">
+                  <h5 className="card-title">{pic.name}</h5>
+                  <p className="card-text">Manufacturer: {pic.manufacturer.name}</p>
+                  <a href="#" className="btn btn-primary">Go somewhere</a>
+                </div>
               </div>
-            </div>
           </div>
+        );
+      })}
         </div>
+      </div>
     </div>
     </>
   );

diff --git a/ghi/app/src/ModelForm.js b/ghi/app/src/ModelForm.js
@@ -51,7 +51,7 @@ function ModelForm() {
 
         const response = await fetch(modelsUrl, fetchConfig);
         if (response.ok) {
-            setManufacturers([]);
+            // setManufacturers([]);
             setModelName('');
             setPictureUrl('');
         }