From 7c78105df529a86061d199e48f40d0cd9a3ecea6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Magiera?= <magik6k@gmail.com>
Date: Thu, 24 Oct 2019 16:22:30 +0200
Subject: [PATCH] on chain deals: Better deal display in SMA

---
 lotuspond/front/src/Client.js |  6 ++----
 lotuspond/front/src/State.js  | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/lotuspond/front/src/Client.js b/lotuspond/front/src/Client.js
index 56aa82ffe..1c669d193 100644
--- a/lotuspond/front/src/Client.js
+++ b/lotuspond/front/src/Client.js
@@ -6,13 +6,11 @@ const dealStates = [
   "Unknown",
   "Rejected",
   "Accepted",
-  "Started",
-  "Failed",
   "Staged",
   "Sealing",
+  "Failed",
   "Complete",
   "Error",
-  "Expired"
 ]
 
 
@@ -83,7 +81,7 @@ class Client extends React.Component {
 
     let deals = this.state.deals.map((deal, i) => <div key={i}>
       <ul>
-        <li>{i}. Proposal: {deal.ProposalCid['/'].substr(0, 18)}... <Address nobalance={true} client={this.props.client} addr={deal.Miner} mountWindow={this.props.mountWindow}/>: <b>{dealStates[deal.State]}</b>
+        <li>{i}. Proposal: {deal.ProposalCid['/'].substr(0, 18)}... <Address nobalance={true} client={this.props.client} addr={deal.Provider} mountWindow={this.props.mountWindow}/>: <b>{dealStates[deal.State]}</b>
           {dealStates[deal.State] === 'Complete' ? <span>&nbsp;<a href="#" onClick={this.retrieve(deal)}>[Retrieve]</a></span> : <span/> }
           <ul>
             <li>Data: {deal.PieceRef['/']}, <b>{deal.Size}</b>B; Duration: <b>{deal.Duration}</b>Blocks</li>
diff --git a/lotuspond/front/src/State.js b/lotuspond/front/src/State.js
index 5051023c2..e1fb42609 100644
--- a/lotuspond/front/src/State.js
+++ b/lotuspond/front/src/State.js
@@ -116,7 +116,18 @@ class MarketState extends React.Component {
       <div>
         <div>---</div>
         <div>Deals:</div>
-        {Object.keys(this.state.deals).map(d => <div>{d}</div>)}
+        <table>
+          <tr><td>id</td><td>Active</td><td>Client</td><td>Provider</td><td>Size</td><td>Price</td><td>Duration</td></tr>
+          {Object.keys(this.state.deals).map(d => <tr>
+            <td>{d}</td>
+            <td>{this.state.deals[d].ActivationEpoch || "No"}</td>
+            <td><Address short={true} addr={this.state.deals[d].Deal.Proposal.Provider} client={this.props.client} mountWindow={this.props.mountWindow}/></td>
+            <td><Address short={true} addr={this.state.deals[d].Deal.Proposal.Client} client={this.props.client} mountWindow={this.props.mountWindow}/></td>
+            <td>{this.state.deals[d].Deal.Proposal.PieceSize}B</td>
+            <td>{this.state.deals[d].Deal.Proposal.StoragePrice}</td>
+            <td>{this.state.deals[d].Deal.Proposal.Duration}</td>
+          </tr>)}
+        </table>
       </div>
     </div>
   }