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

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;