From 4290904143898f0fcd60a6fe6acddfe50fde47f1 Mon Sep 17 00:00:00 2001
From: Juan Di Toro <ditorojuanf@gmail.com>
Date: Mon, 25 Mar 2024 09:00:41 +0100
Subject: [PATCH] fix: pinned items in progress cannot be cancelled

---
 app/components/pinning-network-banner.tsx | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/app/components/pinning-network-banner.tsx b/app/components/pinning-network-banner.tsx
index 5007a9c..68f3f48 100644
--- a/app/components/pinning-network-banner.tsx
+++ b/app/components/pinning-network-banner.tsx
@@ -78,24 +78,12 @@ export const PinningNetworkBanner = () => {
 };
 
 const PinCidItem = ({ item }: { item: PinningStatus }) => {
-  const { unpin } = usePinning();
-
   return (
     <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">
           <span className="font-semibold">{item.id}</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>
         <Progress value={item.progress} className="h-2" />
       </div>