|
|
@ -13,6 +13,7 @@ interface Props { |
|
|
|
const UserComponent: FC<Props> = ({ user }) => { |
|
|
|
const config = useSelector<AppState, Config>(getConfig) |
|
|
|
const imageUrl = user && user.imageUrl ? urlForBlob(config, user.imageUrl) : undefined |
|
|
|
const groupImageUrl = user.group && user.group.iconImageUrl ? urlForBlob(config, user.group.iconImageUrl) : undefined |
|
|
|
|
|
|
|
return ( |
|
|
|
<div className="user"> |
|
|
@ -26,6 +27,12 @@ const UserComponent: FC<Props> = ({ user }) => { |
|
|
|
<span className="is-size-5">{user.name}</span> <span className="is-size-6 has-text-weight-bold">@{user.id}</span> |
|
|
|
</Link> |
|
|
|
<br /> |
|
|
|
{groupImageUrl && |
|
|
|
<figure className="image is-16x16 is-inline"> |
|
|
|
<img src={groupImageUrl} style={{ width: 16 }} /> |
|
|
|
</figure> |
|
|
|
} |
|
|
|
|
|
|
|
{user.group && <Link className="is-size-6 has-text-success" to={`/c/${user.group.id}`}>{user.group.name}</Link>} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|