LumeWeb
/
portal-dashboard
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

fix: pinned items in progress cannot be cancelled

This commit is contained in:
Juan Di Toro 2024-03-25 09:00:41 +01:00
parent 4d271ec421
commit 4290904143
1 changed files with 1 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/pinning-network-banner.tsx
View File

@ -78,24 +78,12 @@ export const PinningNetworkBanner = () => {
}; };
const PinCidItem = ({ item }: { item: PinningStatus }) => { const PinCidItem = ({ item }: { item: PinningStatus }) => {
const { unpin } = usePinning();
return ( return (
<div className="px-4 mb-4"> <div className="px-4 mb-4">
<div className="relative flex flex-col items-center rounded-lg py-2 px-4 hover:bg-primary/50 group"> <div className="flex flex-col items-center rounded-lg py-2 px-4 hover:bg-primary/50 group">
<div className="flex justify-between items-center w-full"> <div className="flex justify-between items-center w-full">
<span className="font-semibold">{item.id}</span> <span className="font-semibold">{item.id}</span>
<span className="group-hover:hidden">{item.progress}%</span> <span className="group-hover:hidden">{item.progress}%</span>
<Button
variant="ghost"
className="absolute top-2 right-2 hidden group-hover:flex rounded-full h-3"
onClick={() =>
unpin({
cid: item.id,
})
}>
<Cross2Icon />
</Button>
</div> </div>
<Progress value={item.progress} className="h-2" /> <Progress value={item.progress} className="h-2" />
</div> </div>