|
|
@ -1,15 +1,87 @@ |
|
|
|
import React from "react"; |
|
|
|
import React from "react"; |
|
|
|
|
|
|
|
|
|
|
|
const CardDesign3 = () => { |
|
|
|
import profilePic1 from "./images/profilePic1.svg"; |
|
|
|
|
|
|
|
import profilePic2 from "./images/profilePic2.svg"; |
|
|
|
|
|
|
|
import profilePic3 from "./images/profilePic3.svg"; |
|
|
|
|
|
|
|
import profilePic4 from "./images/profilePic4.svg"; |
|
|
|
|
|
|
|
import profilePic5 from "./images/profilePic5.svg"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const CardDesign3 = ({ items }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="flex flex-row items-center bg-[#F8F8F8] border border-[#BCBCBC] rounded"> |
|
|
|
<> |
|
|
|
CardDesign3 |
|
|
|
{items.map((item, index) => ( |
|
|
|
</div> |
|
|
|
<div |
|
|
|
|
|
|
|
key={index} |
|
|
|
|
|
|
|
className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#BCBCBC] rounded" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
{/* right */} |
|
|
|
|
|
|
|
<div className="flex flex-row items-center flex-1 "> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
src={item.profilePic} |
|
|
|
|
|
|
|
className="rounded-full w-16" |
|
|
|
|
|
|
|
alt={item.profilePic} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<div className="flex flex-col mr-2"> |
|
|
|
|
|
|
|
<p className="text-sm text-[#0F0543]">{item.name}</p> |
|
|
|
|
|
|
|
<p className="text-xs mt-1.5 mb-1 text-[#2A527A]"> |
|
|
|
|
|
|
|
<span className="ml-1">تاریخ ورود:</span> |
|
|
|
|
|
|
|
{item.enteryData} |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
<p className="text-xs text-[#2A527A]"> |
|
|
|
|
|
|
|
<span>کد ملی</span> |
|
|
|
|
|
|
|
{item.idCard} |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{/* left */} |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</> |
|
|
|
); |
|
|
|
); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
export default CardDesign3; |
|
|
|
export default CardDesign3; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
CardDesign3.defaultProps = { |
|
|
|
|
|
|
|
items: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
profilePic: profilePic1, |
|
|
|
|
|
|
|
name: "کامبیز هوشنمند", |
|
|
|
|
|
|
|
enteryData: "1401/02/01", |
|
|
|
|
|
|
|
idCard: 2980817631, |
|
|
|
|
|
|
|
number: "B06", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
profilePic: profilePic2, |
|
|
|
|
|
|
|
name: "پارسا ایرانی", |
|
|
|
|
|
|
|
enteryData: "1400/07/19", |
|
|
|
|
|
|
|
idCard: 7000817631, |
|
|
|
|
|
|
|
number: "B04", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
profilePic: profilePic3, |
|
|
|
|
|
|
|
name: "کامران مرادی", |
|
|
|
|
|
|
|
enteryData: "1400/07/19", |
|
|
|
|
|
|
|
idCard: 2423817631, |
|
|
|
|
|
|
|
number: "B02", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
profilePic: profilePic4, |
|
|
|
|
|
|
|
name: "محمد علوی", |
|
|
|
|
|
|
|
enteryData: "1400/07/19", |
|
|
|
|
|
|
|
idCard: 3340817631, |
|
|
|
|
|
|
|
number: "B01", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
profilePic: profilePic5, |
|
|
|
|
|
|
|
name: "محمد محمدی", |
|
|
|
|
|
|
|
enteryData: "1400/07/19", |
|
|
|
|
|
|
|
idCard: 3110817631, |
|
|
|
|
|
|
|
number: "B07", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// #BCBCBC
|
|
|
|
// #BCBCBC
|
|
|
|
|
|
|
|
|
|
|
|
// #B9D1F3
|
|
|
|
// #B9D1F3
|
|
|
|