first commit
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
import {FC} from 'react'
|
||||
import {IconUserModel} from '../ProfileModels'
|
||||
import {toAbsoluteUrl} from '../../../../_metronic/helpers'
|
||||
import {OverlayTrigger, Tooltip} from 'react-bootstrap'
|
||||
import { Content } from '../../../../_metronic/layout/components/content'
|
||||
|
||||
type Props = {
|
||||
users?: Array<IconUserModel>
|
||||
}
|
||||
|
||||
const UsersList: FC<Props> = ({users = undefined}) => {
|
||||
return (
|
||||
<Content>
|
||||
{users &&
|
||||
users.map((user, i) => {
|
||||
return (
|
||||
<OverlayTrigger
|
||||
key={`${i}-${user.name}`}
|
||||
placement='top'
|
||||
overlay={<Tooltip id='tooltip-user-name'>{user.name}</Tooltip>}
|
||||
>
|
||||
<div className='symbol symbol-35px symbol-circle'>
|
||||
{user.avatar && <img src={toAbsoluteUrl(user.avatar)} alt='Pic' />}
|
||||
{user.initials && (
|
||||
<span className='symbol-label bg-primary text-inverse-primary fw-bolder'>
|
||||
{user.initials}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</OverlayTrigger>
|
||||
)
|
||||
})}
|
||||
</Content>
|
||||
)
|
||||
}
|
||||
|
||||
export {UsersList}
|
||||
Reference in New Issue
Block a user