style: remove on-chain rejection label (#3451)

5afe · Feb 8, 2022 · d22f2b2 · d22f2b2
1 parent 5a9173e
commit d22f2b2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 35 deletions.
diff --git a/src/routes/safe/components/Transactions/TxList/TxCollapsed.tsx b/src/routes/safe/components/Transactions/TxList/TxCollapsed.tsx
@@ -24,7 +24,7 @@ import { TokenTransferAmount } from './TokenTransferAmount'
 import { TxsInfiniteScrollContext } from './TxsInfiniteScroll'
 import { TxLocationContext } from './TxLocationProvider'
 import { CalculatedVotes } from './TxQueueCollapsed'
-import { getTxTo, isAwaitingExecution, isCancelTxDetails } from './utils'
+import { getTxTo, isAwaitingExecution } from './utils'
 import { userAccountSelector } from 'src/logic/wallets/store/selectors'
 import { useKnownAddress } from './hooks/useKnownAddress'
 import useTxStatus from 'src/logic/hooks/useTxStatus'
@@ -123,17 +123,14 @@ export const TxCollapsed = ({
   const isPending = txStatus === LocalTransactionStatus.PENDING
   const willBeReplaced = txStatus === LocalTransactionStatus.WILL_BE_REPLACED ? ' will-be-replaced' : ''
 
-  const onChainRejection =
-    isCancelTxDetails(transaction.txInfo) && txLocation !== 'history' ? ' on-chain-rejection' : ''
-
   const txCollapsedNonce = (
     <div className={'tx-nonce' + willBeReplaced}>
       <Text size="xl">{nonce}</Text>
     </div>
   )
 
   const txCollapsedType = (
-    <div className={'tx-type' + willBeReplaced + onChainRejection}>
+    <div className={'tx-type' + willBeReplaced}>
       <CustomIconText
         address={toAddress?.value || '0x'}
         iconUrl={type.icon || toInfo?.logoUri || undefined}

diff --git a/src/routes/safe/components/Transactions/TxList/styled.tsx b/src/routes/safe/components/Transactions/TxList/styled.tsx
@@ -170,32 +170,6 @@ const failedTransaction = css`
   }
 `
 
-const onChainRejection = css`
-  &.on-chain-rejection {
-    background-color: ${({ theme }) => theme.colors.errorTooltip};
-    border-left: 4px solid ${({ theme }) => theme.colors.error};
-    border-radius: 4px;
-    padding-left: 7px;
-    height: 22px;
-    max-width: 165px;
-
-    > div {
-      height: 17px;
-      align-items: center;
-      padding-top: 3px;
-    }
-
-    p {
-      font-size: 11px;
-      line-height: 16px;
-      letter-spacing: 1px;
-      font-weight: bold;
-      text-transform: uppercase;
-      margin-left: -2px;
-    }
-  }
-`
-
 export const StyledTransaction = styled.div`
   ${willBeReplaced};
   ${failedTransaction};
@@ -208,10 +182,6 @@ export const StyledTransaction = styled.div`
     align-self: center;
   }
 
-  .tx-type {
-    ${onChainRejection};
-  }
-
   .tx-votes {
     justify-self: center;
   }