Updated jobs group modal RPS-74
This commit is contained in:
Patrick Fic
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user