You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.1 KiB
27 lines
1.1 KiB
import { IoIosArrowForward } from "react-icons/io"; |
|
|
|
const UserInfo = ({ showUserFullInfo, UserFullInfoData }) => { |
|
return ( |
|
<div className="UserInfo w-full h-[15%] rounded-lg bg-white flex items-center justify-center relative"> |
|
<div className="UserInfo-text-box text-left"> |
|
<div className="UserInfo-text-box-name text-xl"> |
|
{UserFullInfoData.firstName} {UserFullInfoData.lastName} |
|
</div> |
|
<div className="UserInfo-text-box-credit text-sm text-color4 mt-2"> |
|
اعتبار کیف پول: 45000 تومان |
|
</div> |
|
</div> |
|
<div className="UserInfo-img-container h-2/3 aspect-square rounded-full bg-color2 ml-4 overflow-hidden"> |
|
<img src={UserFullInfoData.img} className="w-full" alt="avatar"/> |
|
</div> |
|
<div className="UserInfo btn h-1/3 aspect-square rounded-full bg-color6 absolute top-1/3 right-[-3%] flex items-center justify-center"> |
|
<IoIosArrowForward |
|
className="text-white cursor-pointer" |
|
onClick={() => showUserFullInfo(UserFullInfoData)} |
|
/> |
|
</div> |
|
</div> |
|
); |
|
}; |
|
|
|
export default UserInfo;
|
|
|