display user badges

This commit is contained in:
SrGooglo 2023-07-13 15:51:09 +00:00
parent ba839b10db
commit d9b6d212a1
2 changed files with 22 additions and 4 deletions

View File

@ -121,7 +121,9 @@ export const UserCard = React.forwardRef((props, ref) => {
</span>
</div>
<UserBadges user_id={user._id} />
{
user.badges?.length > 0 && <UserBadges user_id={user._id} />
}
</div>
<div className="description">
@ -198,6 +200,12 @@ export const MobileUserCard = React.forwardRef((props, ref) => {
}
</div>
<div className="_mobile_userCard_top_badges_wrapper">
{
props.user.badges?.length > 0 && <UserBadges user_id={props.user._id} />
}
</div>
<div className="_mobile_userCard_top_description">
<p>
{

View File

@ -138,6 +138,8 @@
}
._mobile_userCard_top_texts {
position: relative;
display: flex;
flex-direction: column;
@ -148,6 +150,14 @@
padding: 10px;
padding-left: 15px;
._mobile_userCard_top_badges_wrapper {
position: absolute;
top: 0;
right: 0;
padding: 10px;
}
._mobile_userCard_top_username {
font-family: "Space Grotesk", sans-serif;