feat(Coinify): pass props to TableRow component

blockchain · Jun 6, 2018 · 40807cb · 40807cb
1 parent c2b9fd7
commit 40807cb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/blockchain-info-components/src/Tables/TableRow.js b/packages/blockchain-info-components/src/Tables/TableRow.js
@@ -7,16 +7,16 @@ const Wrapper = styled.div`
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
-  padding: 8px 15px;
+  padding: ${props => props.padding || '8px 15px'};
   box-sizing: border-box;
   border-left: 1px solid ${props => props.theme['gray-2']};
   border-top: 1px solid ${props => props.theme['gray-2']};
   border-right: 1px solid ${props => props.theme['gray-2']};
   border: ${props => props.border}
 `
 
-const TableRow = ({ children, border }) => (
-  <Wrapper border>
+const TableRow = ({ children, border, padding }) => (
+  <Wrapper border padding>
     {children}
   </Wrapper>
 )

diff --git a/...blockchain-wallet-v4-frontend/src/components/BuySell/OrderHistoryTable/TradeItem/index.js b/...blockchain-wallet-v4-frontend/src/components/BuySell/OrderHistoryTable/TradeItem/index.js
@@ -12,13 +12,13 @@ import OrderStatus from '../OrderStatus'
 const tradeDateHelper = (trade) => moment(prop('createdAt', trade)).local().format('MMMM D YYYY @ h:mm A')
 
 const TradeItem = props => {
-  const { conversion, handleClick, handleFinish, handleTradeCancel, trade, status, cancelTradeId, canTrade, border } = props
+  const { conversion, handleClick, handleFinish, handleTradeCancel, trade, status, cancelTradeId, canTrade, border, padding } = props
   const receiveAmount = trade.isBuy ? trade.receiveAmount : Exchange.displayFiatToFiat({ value: trade.receiveAmount })
   const exchangeAmount = trade.isBuy ? Exchange.displayFiatToFiat({ value: trade.sendAmount / conversion.buy }) : trade.sendAmount / conversion.sell
   const canCancel = (canTrade && trade.isBuy) && canCancelTrade(trade)
 
   return (
-    <TableRow border={border}>
+    <TableRow border={border} padding={padding}>
       <TableCell width='15%'>
         <OrderStatus status={trade.state} isBuy={trade.isBuy} />
       </TableCell>

diff --git a/...l/CoinifyCheckout/Content/OrderHistory/RecurringOrderHistoryTable/RecurringOrder/index.js b/...l/CoinifyCheckout/Content/OrderHistory/RecurringOrderHistoryTable/RecurringOrder/index.js
@@ -117,6 +117,7 @@ class RecurringOrder extends React.Component {
               {
                 sortedTrades.map((trade, index) => <TradeItem
                   border='none'
+                  padding='8px 5px'
                   key={index}
                   trade={trade}
                   conversion={conversion}