Disable the swap list "Cancel" button

It's not working as expected and is causing more confusion than it's helpful.

app/renderer/components/SwapList.js

@@ -6,6 +6,7 @@ import Empty from 'components/Empty';
 import SwapDetails from 'components/SwapDetails';
 import './SwapList.scss';
 
+// eslint-disable-next-line no-unused-vars
 class CancelButton extends React.Component {
 	state = {
 		isCancelling: false,
@@ -38,7 +39,7 @@ class CancelButton extends React.Component {
 	}
 }
 
-const SwapItem = ({swap, showCancel}) => (
+const SwapItem = ({swap}) => (
 	<div className={`row ${swap.orderType}`}>
 		<div className="timestamp">{formatDate(swap.timeStarted, 'HH:mm DD/MM/YY')}</div>
 		<div className="pairs">{swap.baseCurrency}/{swap.quoteCurrency}</div>
@@ -48,11 +49,13 @@ const SwapItem = ({swap, showCancel}) => (
 			<div className="status__icon" data-status={swap.status}>{swap.statusFormatted}</div>
 		</div>
 		<div className="buttons">
-			{showCancel &&
+			{/* Disabled until marketmaker v2
+				See: https://github.com/hyperdexapp/hyperdex/issues/262#issuecomment-396587751showCancel
+				&&
 				<div className="cancel">
 					<CancelButton swap={swap}/>
 				</div>
-			}
+			*/}
 			<div className="view">
 				<SwapDetails swap={swap}/>
 			</div>
@@ -69,7 +72,11 @@ const SwapList = ({swaps, showCancel}) => {
 		<div className="SwapList">
 			{
 				swaps.map(swap => (
-					<SwapItem key={swap.uuid} swap={swap} showCancel={showCancel}/>
+					<SwapItem
+						key={swap.uuid}
+						swap={swap}
+						showCancel={showCancel}
+					/>
 				))
 			}
 		</div>