xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

minor bug fixed

This commit is contained in:
Daniel 2023-05-25 22:15:54 +03:30
parent 824f7c2789
commit a53b8aa4eb
1 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
pages/collections/[id].tsx
View File

@ -115,35 +115,40 @@ export default function () {
</div>
</div>
<div>
<div className="text-sky-400 flex justify-end items-center w-56 mr-3">
<div className="mr-1 bg-sky-500 p-1 leading-3 select-none cursor-pointer hover:bg-sky-400 duration-100 text-white rounded-full text-xs">
View Team
</div>
{activeCollection?.members
.sort((a, b) => a.userId - b.userId)
.map((e, i) => {
return (
<ImageWithFallback
key={i}
src={`/api/avatar/${e.userId}`}
className="h-10 w-10 shadow rounded-full border-[3px] border-sky-100 -mr-3"
>
<div className="text-white bg-sky-500 h-10 w-10 shadow rounded-full border-[3px] border-sky-100 -mr-3 flex items-center justify-center">
<FontAwesomeIcon icon={faUser} className="w-5 h-5" />
</div>
</ImageWithFallback>
);
})
.slice(0, 4)}
{activeCollection?.members.length &&
activeCollection.members.length - 4 > 0 ? (
<div className="h-10 w-10 text-white flex items-center justify-center rounded-full border-[3px] bg-sky-500 border-sky-100 -mr-3">
+{activeCollection?.members?.length - 3}
{activeCollection?.members[0] ? (
<div>
<div className="text-sky-400 flex justify-end items-center w-56 mr-3">
<div className="mr-1 bg-sky-500 p-1 leading-3 select-none cursor-pointer hover:bg-sky-400 duration-100 text-white rounded-full text-xs">
View Team
</div>
) : null}
{activeCollection?.members
.sort((a, b) => a.userId - b.userId)
.map((e, i) => {
return (
<ImageWithFallback
key={i}
src={`/api/avatar/${e.userId}`}
className="h-10 w-10 shadow rounded-full border-[3px] border-sky-100 -mr-3"
>
<div className="text-white bg-sky-500 h-10 w-10 shadow rounded-full border-[3px] border-sky-100 -mr-3 flex items-center justify-center">
<FontAwesomeIcon
icon={faUser}
className="w-5 h-5"
/>
</div>
</ImageWithFallback>
);
})
.slice(0, 4)}
{activeCollection?.members.length &&
activeCollection.members.length - 4 > 0 ? (
<div className="h-10 w-10 text-white flex items-center justify-center rounded-full border-[3px] bg-sky-500 border-sky-100 -mr-3">
+{activeCollection?.members?.length - 3}
</div>
) : null}
</div>
</div>
</div>
) : null}
</div>
<div className="text-gray-500 flex justify-between items-end gap-5">