mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-03-30 12:11:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Fix WhosWatching Spacing FINALLY

Browse source
This commit is contained in:
thororen1234 2025-03-15 20:27:22 -04:00
parent bbb641b378
commit edacc7efa0
No known key found for this signature in database
1 changed files with 32 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/equicordplugins/whosWatching/index.tsx
View file

@ -119,36 +119,38 @@ export default definePlugin({
<>
<div {...props}>{props.children}</div>
<div className={classes(cl("spectators_panel"), Margins.top8)}>
{users.length ?
<>
<Forms.FormTitle tag="h3" style={{ marginTop: 8, marginBottom: 0, marginLeft: 8, textTransform: "uppercase" }}>
{getIntlMessage("SPECTATORS", { numViewers: userIds.length })}
</Forms.FormTitle>
<UserSummaryItem
users={users}
count={userIds.length}
renderIcon={false}
max={12}
showDefaultAvatarsForNullUsers
renderMoreUsers={renderMoreUsers}
renderUser={(user: User) => (
<Clickable
className={AvatarStyles.clickableAvatar}
onClick={() => openUserProfile(user.id)}
>
<img
className={AvatarStyles.avatar}
src={user.getAvatarURL(void 0, 80, true)}
alt={user.username}
title={user.username}
style={{ marginLeft: 8 }}
/>
</Clickable>
)}
/>
</>
: <Forms.FormText style={{ marginLeft: 8 }}>No spectators</Forms.FormText>
}
<Forms.FormTitle tag="h3" style={{ marginTop: 8, marginBottom: 0, textTransform: "uppercase" }}>
{getIntlMessage("SPECTATORS", { numViewers: userIds.length })}
</Forms.FormTitle>
<div style={{ marginLeft: 8 }}>
{users.length ?
<>
<UserSummaryItem
users={users}
count={userIds.length}
renderIcon={false}
max={12}
showDefaultAvatarsForNullUsers
renderMoreUsers={renderMoreUsers}
renderUser={(user: User, index: number) => (
<Clickable
key={index}
className={AvatarStyles.clickableAvatar}
onClick={() => openUserProfile(user.id)}
>
<img
className={AvatarStyles.avatar}
src={user.getAvatarURL(void 0, 80, true)}
alt={user.username}
title={user.username}
/>
</Clickable>
)}
/>
</>
: <Forms.FormText>No spectators</Forms.FormText>
}
</div>
</div>
</>
);