open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix James's nits

Browse Source
This commit is contained in:
Pico2x 2022-10-02 17:26:31 +01:00
parent b5e672a5df
commit 088bccb815
1 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/components/groups/group-overview.tsx
View File

@ -77,7 +77,7 @@ export function GroupOverview(props: {
maxResults={MAX_TRENDING_POSTS}
defaultFilter={'all'}
additionalFilter={{ groupSlug: group.slug }}
persistPrefix={`group-${group.slug}`}
persistPrefix={`group-trending-${group.slug}`}
/>
<GroupAbout
group={group}
@ -181,22 +181,14 @@ function GroupOverviewPinned(props: {
{element}
{editMode && (
<div>
<button
className=" text-gray-500 hover:text-gray-700"
onClick={() => {
console.log(group.pinnedItems)
const newPinned = group.pinnedItems.filter((item) => {
return item.itemId !== group.pinnedItems[index].itemId
})
updateGroup(group, { pinnedItems: newPinned })
}}
>
<div className="absolute top-0 left-0 right-0 bottom-0 bg-gray-200 bg-opacity-50">
<XCircleIcon className="h-12 w-12 text-gray-600" />
</div>
</button>
</div>
<CrossIcon
onClick={() => {
const newPinned = group.pinnedItems.filter((item) => {
return item.itemId !== group.pinnedItems[index].itemId
})
updateGroup(group, { pinnedItems: newPinned })
}}
/>
)}
</div>
))}
@ -370,3 +362,17 @@ export function GroupAbout(props: {
</>
)
}
function CrossIcon(props: { onClick: () => void }) {
const { onClick } = props
return (
<div>
<button className=" text-gray-500 hover:text-gray-700" onClick={onClick}>
<div className="absolute top-0 left-0 right-0 bottom-0 bg-gray-200 bg-opacity-50">
<XCircleIcon className="h-12 w-12 text-gray-600" />
</div>
</button>
</div>
)
}