Fix: adds padding-right to list of txp/unsent txs

bitpay · Jan 9, 2025 · 39b2f7c · 39b2f7c
1 parent b7fa0bf
commit 39b2f7c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 23 deletions.
diff --git a/src/components/list/TransactionProposalRow.tsx b/src/components/list/TransactionProposalRow.tsx
@@ -7,10 +7,10 @@ import {GetContactName} from '../../store/wallet/effects/transactions/transactio
 import {ContactRowProps} from './ContactRow';
 
 const TransactionContainer = styled.TouchableOpacity`
+  flex: 1;
   flex-direction: row;
   padding: 10px ${ScreenGutter};
-  justify-content: center;
-  align-items: center;
+  justify-content: space-between;
 `;
 
 const IconContainer = styled.View`
@@ -19,8 +19,8 @@ const IconContainer = styled.View`
 
 const Description = styled(BaseText)`
   overflow: hidden;
-  margin-right: 175px;
   font-size: 16px;
+  max-width: 150px;
 `;
 
 const Creator = styled(ListItemSubText)`

diff --git a/src/navigation/wallet/screens/TransactionProposalNotifications.tsx b/src/navigation/wallet/screens/TransactionProposalNotifications.tsx
@@ -95,10 +95,6 @@ const ProposalsContainer = styled.TouchableOpacity`
   align-items: center;
 `;
 
-const ProposalsInfoContainer = styled.View`
-  flex: 1;
-`;
-
 const CheckBoxContainer = styled.View`
   flex-direction: column;
   justify-content: center;
@@ -423,22 +419,20 @@ const TransactionProposalNotifications = () => {
           {item?.txps[0]
             ? item.txps.map((txp: any) => (
                 <ProposalsContainer key={txp.id}>
-                  <ProposalsInfoContainer>
-                    <TransactionProposalRow
-                      icon={TransactionIcons[txp.uiIcon]}
-                      creator={txp.uiCreator}
-                      time={txp.uiTime}
-                      value={txp.uiValue || txp.feeStr}
-                      message={txp.message}
-                      onPressTransaction={() => onPressTxp(txp, fullWalletObj)}
-                      hideIcon={true}
-                      recipientCount={txp.recipientCount}
-                      toAddress={txp.toAddress}
-                      tokenAddress={txp.tokenAddress}
-                      chain={txp.chain}
-                      contactList={contactList}
-                    />
-                  </ProposalsInfoContainer>
+                  <TransactionProposalRow
+                    icon={TransactionIcons[txp.uiIcon]}
+                    creator={txp.uiCreator}
+                    time={txp.uiTime}
+                    value={txp.uiValue || txp.feeStr}
+                    message={txp.message}
+                    onPressTransaction={() => onPressTxp(txp, fullWalletObj)}
+                    hideIcon={true}
+                    recipientCount={txp.recipientCount}
+                    toAddress={txp.toAddress}
+                    tokenAddress={txp.tokenAddress}
+                    chain={txp.chain}
+                    contactList={contactList}
+                  />
                   {item.needSign ? (
                     <CheckBoxContainer>
                       <Checkbox