You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

33 lines
1.3 KiB
JavaScript

import React from 'react'
import { HiOutlineCash, HiOutlineBell } from 'react-icons/hi'
import BalanceBanner from './BalanceBanner'
export default function UserBanner({ user }) {
return (
<div>
{/* user */}
<div className="flex flex-row justify-between items-center px-5 py-6 text-lg bg-blue-600">
<div className="flex flex-col text-white">
<div className="font-bold">{user.name}</div>
<div className="flex flex-row items-center space-x-1">
<div>{user.display_phone}</div>
<div className="text-xs font-semibold px-2 py-1 bg-white text-black rounded-xl">
{user.level.name}
</div>
</div>
</div>
<div className="flex flex-row">
<HiOutlineBell className="text-white w-7 h-7" />
<div>
<div className="bg-white text-blue-700 rounded-lg px-1 text-xs -ml-2.5">
1
</div>
</div>
</div>
</div>
{/* saldo */}
<BalanceBanner user={user} />
</div>
)
}