From 546db1883a51b85f2715404936cead694befebf9 Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Wed, 17 Feb 2021 16:03:26 -0800
Subject: [PATCH] Updated jobs group modal RPS-74

---
 .../jobs-group-modal.molecule.jsx             | 372 +++++++++++++-----
 1 file changed, 276 insertions(+), 96 deletions(-)

diff --git a/src/components/molecules/jobs-group-modal/jobs-group-modal.molecule.jsx b/src/components/molecules/jobs-group-modal/jobs-group-modal.molecule.jsx
index e6035ed..c59c1cf 100644
--- a/src/components/molecules/jobs-group-modal/jobs-group-modal.molecule.jsx
+++ b/src/components/molecules/jobs-group-modal/jobs-group-modal.molecule.jsx
@@ -5,115 +5,277 @@ import { InfoCircleFilled } from "@ant-design/icons";
 const data = [
   {
     group: "Group 1",
-    makes: [
-      "GEO",
-      "ALFA ROMEO",
-      "TESLA",
-      "PORSCHE",
-      "MERCEDES BENZ-Truck",
-      "LAND ROVER",
-      "MERCEDES BENZ-Van",
-      "LINCOLN-Truck",
-      "BUICK-Truck",
-      "AM GENERAL",
-      "VOLKSWAGEN-Truck",
-      "JAGUAR",
-      "SMART",
-      "HUMMER-Truck",
-      "MERCEDES BENZ",
-      "RAM-Van",
-      "GENESIS",
-      "AUDI",
-      "BMW-Truck",
+    list: [
+      {
+        make: "ALFA ROMEO",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "AUDI",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "GENESIS*",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "JAGUAR",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "LAND ROVER",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "LINCOLN",
+        type: "Truck",
+      },
+      {
+        make: "MERCEDES BENZ",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "MERCEDES BENZ",
+        type: "Cargo Van",
+      },
+      {
+        make: "PORSCHE",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "RAM",
+        type: "Cargo Van",
+      },
+      {
+        make: "SMART",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "TESLA",
+        type: "Car, SUV, or Passenger Van",
+      },
     ],
   },
   {
     group: "Group 2",
-    makes: [
-      "NISSAN-Van",
-      "VOLVO",
-      "MINI",
-      "LEXUS",
-      "LAND ROVER-Truck",
-      "SAAB",
-      "SUBARU",
-      "BMW",
+    list: [
+      {
+        make: "BMW",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "LEXUS",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "MINI",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "NISSAN",
+        type: "Cargo Van",
+      },
+      {
+        make: "SAAB",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "SUBARU",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "VOLVO",
+        type: "Car, SUV, or Passenger Van",
+      },
     ],
   },
   {
     group: "Group 3",
-    makes: [
-      "MAZDA-Truck",
-      "SCION",
-      "NISSAN-Truck",
-      "DODGE-Van",
-      "INFINITI",
-      "JEEP-Truck",
-      "MONACO-Van",
-      "JEEP",
-      "LINCOLN",
-      "KIA",
-      "VOLKSWAGEN",
-      "FIAT",
-      "TOYOTA-Truck",
-      "HYUNDAI",
-      "MAZDA",
-      "SUBARU-Truck",
-      "HUMMER",
-      "EAGLE",
-      "FORD-Truck",
-      "ISUZU",
+    list: [
+      {
+        make: "DODGE",
+        type: "Cargo Van",
+      },
+      {
+        make: "FIAT",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "FORD",
+        type: "Cargo Van",
+      },
+      {
+        make: "FORD",
+        type: "Truck",
+      },
+      {
+        make: "HUMMER",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "HYUNDAI*",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "INFINITI",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "JEEP",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "JEEP",
+        type: "Truck",
+      },
+      {
+        make: "KIA",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "LINCOLN",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "MAZDA",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "MAZDA",
+        type: "Truck",
+      },
+      {
+        make: "NISSAN",
+        type: "Truck",
+      },
+      {
+        make: "SCION",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "TOYOTA",
+        type: "Truck",
+      },
+      {
+        make: "VOLKSWAGEN",
+        type: "Car, SUV, or Passenger Van",
+      },
     ],
   },
   {
     group: "Group 4",
-    makes: [
-      "ACURA",
-      "HONDA",
-      "HONDA-Truck",
-      "FORD",
-      "DODGE-Truck",
-      "CADILLAC",
-      "TOYOTA",
-      "BUICK",
-      "CHEVROLET-Truck",
-      "PLYMOUTH",
-      "GMC-Truck",
-      "RAM",
-      "AUDI-Truck",
-      "MITSUBISHI",
-      "NISSAN",
+    list: [
+      {
+        make: "ACURA",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "BUICK",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "CADILLAC",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "CHEVROLET",
+        type: "Truck",
+      },
+      {
+        make: "DODGE",
+        type: "Truck",
+      },
+      {
+        make: "FORD",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "GMC",
+        type: "Truck",
+      },
+      {
+        make: "HONDA",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "HONDA",
+        type: "Truck",
+      },
+      {
+        make: "MITSUBISHI",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "NISSAN",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "PLYMOUTH",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "RAM",
+        type: "Truck",
+      },
+      {
+        make: "TOYOTA",
+        type: "Car, SUV, or Passenger Van",
+      },
     ],
   },
   {
     group: "Group 5",
-    makes: [
-      "PONTIAC-Truck",
-      "CHRYSLER-Truck",
-      "GMC",
-      "CHRYSLER",
-      "SUZUKI",
-      "DODGE",
-      "ELDORADO",
-      "CHEVROLET",
+    list: [
+      {
+        make: "CHEVROLET",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "CHRYSLER",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "DODGE",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "GMC",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "SUZUKI",
+        type: "Car, SUV, or Passenger Van",
+      },
     ],
   },
   {
     group: "Group 6",
-    makes: [
-      "CHEVROLET-Van",
-      "PONTIAC",
-      "HYUNDAI-Truck",
-      "CHRYSLER-Van",
-      "GMC-Van",
-      "SUZUKI-Truck",
-      "CADILLAC-Truck",
-      "MERCURY",
-      "RAM-Truck",
-      "OLDSMOBILE",
-      "KIA-Truck",
-      "SATURN",
-      "MITSUBISHI-Truck",
+    list: [
+      {
+        make: "CHEVROLET",
+        type: "Cargo Van",
+      },
+      {
+        make: "GMC",
+        type: "Cargo Van",
+      },
+      {
+        make: "MERCURY",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "OLDSMOBILE",
+        type: "Car, SUV, or Passenger Van",
+      },
+      {
+        make: "PONTIAC",
+        type: "Car, SUV, or Passenger Van",
+      },
+
+      {
+        make: "SATURN",
+        type: "Car, SUV, or Passenger Van",
+      },
     ],
   },
 ];
@@ -143,22 +305,40 @@ export default function JobsGroupModalMolecule() {
             renderItem={(item) => (
               <List.Item>
                 <Card title={item.group}>
-                  <ul>
-                    {item.makes.map((make, idx) => (
-                      <li
+                  <table
+                    style={{
+                      //backgroundColor: "tomato",
+                      width: "100%",
+                      borderCollapse: "collapse",
+                    }}
+                  >
+                    <thead>
+                      <tr>
+                        <th width="33%"></th>
+                        <th width="67%"></th>
+                      </tr>
+                    </thead>
+                    {item.list.map((item, idx) => (
+                      <tr
                         style={{
+                          padding: "12px 15px",
+                          borderBottom: "1px solid #dddddd",
+
                           backgroundColor:
                             search &&
-                            make.toLowerCase().includes(search.toLowerCase())
+                            item.make
+                              .toLowerCase()
+                              .includes(search.toLowerCase())
                               ? "yellow"
                               : "",
                         }}
                         key={idx}
                       >
-                        {make}
-                      </li>
+                        <td>{item.make}</td>
+                        <td>{item.type}</td>
+                      </tr>
                     ))}
-                  </ul>
+                  </table>
                 </Card>
               </List.Item>
             )}