From ea0f717929c69522a3622a72bea1456ba28dcd72 Mon Sep 17 00:00:00 2001
From: samwel141 <samwelwilson141@gmail.com>
Date: Tue, 27 Aug 2024 06:52:27 +0300
Subject: [PATCH] fix: fix button logic in trusts side panel

---
 .../trustRelationshipSidePanel.js             | 34 ++++++++-----------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/pages/TrustRelationship/trustRelationshipSidePanel.js b/src/pages/TrustRelationship/trustRelationshipSidePanel.js
index 6cd1c5a..a4983a2 100644
--- a/src/pages/TrustRelationship/trustRelationshipSidePanel.js
+++ b/src/pages/TrustRelationship/trustRelationshipSidePanel.js
@@ -130,22 +130,16 @@ function TrustRelationshipSidePanel({ open, onClose, rowInfo }) {
             </TallTypography>
           </Grid>
         </Grid>
-        {rowInfo.state === 'requested' && wallet.name === rowInfo.target_wallet && (
-          <Grid sx={3} style={{ margin: '5rem 4rem' }}>
-            <AcceptButton
-              variant="contained"
-              color="primary"
-              onClick={() => handleAccept(rowInfo.id)}
-            >
-              Accept
-            </AcceptButton>
-            <DeclineButton onClick={() => handleDecline(rowInfo.id)}>
-              Decline
-            </DeclineButton>
-          </Grid>
-        )}
+      {rowInfo.state === 'trusted' && (
+        <Grid sx={3} style={{ margin: '5rem 7.2rem', backgroundColor: 'red', borderRadius: 8, padding: '10px' }}>
+          <DeleteButton onClick={() => handleDelete(rowInfo.id)}>
+            Delete
+          </DeleteButton>
+        </Grid>
+      )}
 
-        {rowInfo.state === 'requested' && managedWalletsWithDefault.wallets.some(wallet => wallet.name === rowInfo.target_wallet) && (
+      {rowInfo.state === 'requested' && (
+        managedWalletsWithDefault.wallets.some(wallet => wallet.name === rowInfo.target_wallet) || wallet.name === rowInfo.target_wallet ? (
           <Grid sx={3} style={{ margin: '5rem 4rem' }}>
             <AcceptButton
               variant="contained"
@@ -158,15 +152,17 @@ function TrustRelationshipSidePanel({ open, onClose, rowInfo }) {
               Decline
             </DeclineButton>
           </Grid>
-        )}
-
-        {rowInfo.state === 'trusted' && (
+        ) : (
           <Grid sx={3} style={{ margin: '5rem 7.2rem', backgroundColor: 'red', borderRadius: 8, padding: '10px' }}>
             <DeleteButton onClick={() => handleDelete(rowInfo.id)}>
               Delete
             </DeleteButton>
           </Grid>
-        )}
+        )
+      )}
+
+     {(rowInfo.state === 'cancelled_by_target' || rowInfo.state === 'cancelled_by_originator') && null}
+
       </div>
     </DrawerStyled>
   );