From 0a67ee55141f6eb77be30a0762faf3a5645cf18e Mon Sep 17 00:00:00 2001
From: epiqueras <epiquerass@gmail.com>
Date: Thu, 2 Aug 2018 09:47:44 -0500
Subject: [PATCH 1/6] feat(app): add link to guide

Closes #106
---
 src/bootstrap/app.js            |  8 ++++++-
 src/components/nav-bar/index.js | 38 ++++++++++++++++++++++-----------
 2 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/src/bootstrap/app.js b/src/bootstrap/app.js
index 581a02e..f512710 100644
--- a/src/bootstrap/app.js
+++ b/src/bootstrap/app.js
@@ -25,7 +25,13 @@ const ConnectedNavBar = connect(state => ({ accounts: state.wallet.accounts }))(
       routes={[
         { name: 'Home', to: '/' },
         { name: 'Cases', to: '/cases' },
-        { name: 'Tokens', to: '/tokens' }
+        { name: 'Tokens', to: '/tokens' },
+        {
+          name: 'Guide',
+          to:
+            'https://medium.com/kleros/doges-on-trial-pilot-explainer-911492c3a7d8',
+          isExternal: true
+        }
       ]}
     />
   )
diff --git a/src/components/nav-bar/index.js b/src/components/nav-bar/index.js
index c96f039..d1a0ad5 100644
--- a/src/components/nav-bar/index.js
+++ b/src/components/nav-bar/index.js
@@ -16,17 +16,30 @@ const NavBar = ({ accounts, routes }) => (
         <img className="NavBar-logo" src={logo} alt="Kleros Logo" />
       </a>
       <div className="NavBar-tabs">
-        {routes.map(r => (
-          <NavLink
-            key={r.to}
-            className="NavBar-tabs-tab"
-            activeClassName="is-active"
-            to={r.to}
-            exact={r.to === '/'}
-          >
-            {r.name}
-          </NavLink>
-        ))}
+        {routes.map(
+          r =>
+            r.isExternal ? (
+              <a
+                key={r.to}
+                href={r.to}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="NavBar-tabs-tab"
+              >
+                {r.name}
+              </a>
+            ) : (
+              <NavLink
+                key={r.to}
+                className="NavBar-tabs-tab"
+                activeClassName="is-active"
+                to={r.to}
+                exact={r.to === '/'}
+              >
+                {r.name}
+              </NavLink>
+            )
+        )}
       </div>
       <div className="NavBar-buttons">
         <div className="NavBar-buttons-button">
@@ -52,7 +65,8 @@ NavBar.propTypes = {
   routes: PropTypes.arrayOf(
     PropTypes.shape({
       name: PropTypes.string.isRequired,
-      to: PropTypes.string.isRequired
+      to: PropTypes.string.isRequired,
+      isExternal: PropTypes.bool
     }).isRequired
   ).isRequired
 }

From ebc0b93110777b2e51ca8d343e82cc5fc2055091 Mon Sep 17 00:00:00 2001
From: Sam Vitello <sam.j.vitello@gmail.com>
Date: Thu, 2 Aug 2018 11:02:25 -0600
Subject: [PATCH 2/6] feat: add link to doges iframe (#108)

---
 .../doges-on-trial-evidence/doges-on-trial-evidence.scss | 9 ++++++++-
 src/components/iframes/doges-on-trial-evidence/index.js  | 8 +++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/iframes/doges-on-trial-evidence/doges-on-trial-evidence.scss b/src/components/iframes/doges-on-trial-evidence/doges-on-trial-evidence.scss
index d579b57..a26bc59 100644
--- a/src/components/iframes/doges-on-trial-evidence/doges-on-trial-evidence.scss
+++ b/src/components/iframes/doges-on-trial-evidence/doges-on-trial-evidence.scss
@@ -1,8 +1,15 @@
 /* @define DogesOnTrialEvidence */
 .DogesOnTrialEvidence {
   margin-top: -70px;
+  overflow: hidden;
 
   &-picture {
-    height: 230px;
+    &-link {
+      height: 230px;
+    }
   }
 }
+
+#crisp-chatbox {
+  display: none !important;
+}
diff --git a/src/components/iframes/doges-on-trial-evidence/index.js b/src/components/iframes/doges-on-trial-evidence/index.js
index fd736bb..33ac94f 100644
--- a/src/components/iframes/doges-on-trial-evidence/index.js
+++ b/src/components/iframes/doges-on-trial-evidence/index.js
@@ -54,7 +54,13 @@ class DogesOnTrialEvidence extends Component {
       <div className="DogesOnTrialEvidence">
         <h4>The Doge in Question:</h4>
         <div className="DogesOnTrialEvidence-picture">
-          <LinkBox link={uri} />
+          <a
+            className="DogesOnTrialEvidence-picture-link"
+            href={uri}
+            target="_blank"
+          >
+            <LinkBox link={uri} />
+          </a>
         </div>
       </div>
     )

From 625fbc88b36b504b6a1714cb0a4f2634201f169c Mon Sep 17 00:00:00 2001
From: Sam Vitello <sam.j.vitello@gmail.com>
Date: Sun, 5 Aug 2018 19:19:02 -0600
Subject: [PATCH 3/6] fix: pass meta_evidence_to_appeal

---
 src/containers/dispute/index.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/containers/dispute/index.js b/src/containers/dispute/index.js
index 896af7f..4950a5e 100644
--- a/src/containers/dispute/index.js
+++ b/src/containers/dispute/index.js
@@ -128,14 +128,13 @@ class Dispute extends PureComponent {
                             <Details
                               key={e.date}
                               date={e.date}
-                              partyAAddress={dispute.data.partyA}
-                              partyBAddress={dispute.data.partyB}
                               arbitrationFee={e.fee}
                               arbitrableContractAddress={
                                 dispute.data.arbitrableContractAddress
                               }
                               disputeID={dispute.data.disputeId}
                               appealNumber={e.appealNumber}
+                              metaEvidence={dispute.data.metaEvidence}
                             />
                           )
                         }

From f6efb6aed9b03dd2a7b9761879dbfaff871c6746 Mon Sep 17 00:00:00 2001
From: Sam Vitello <sam.j.vitello@gmail.com>
Date: Tue, 7 Aug 2018 11:51:08 -0600
Subject: [PATCH 4/6] refactor: clean up doge external evidence interface

---
 .../iframes/doges-on-trial-evidence/index.js  | 23 ++++++++-----------
 .../dispute/components/details/index.js       | 13 +++++++++--
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/components/iframes/doges-on-trial-evidence/index.js b/src/components/iframes/doges-on-trial-evidence/index.js
index 33ac94f..b402618 100644
--- a/src/components/iframes/doges-on-trial-evidence/index.js
+++ b/src/components/iframes/doges-on-trial-evidence/index.js
@@ -22,21 +22,21 @@ class DogesOnTrialEvidence extends Component {
     )
   }
 
-  async receiveEvidence(evidence) {
-    if (evidence.data && evidence.data.target === 'evidence') {
+  async receiveEvidence(message) {
+    if (message.data && message.data.target === 'evidence') {
       const arbitrablePermissionList = new ArbitrablePermissionList(
         eth.currentProvider,
-        evidence.data.data.arbitrableContractAddress
+        message.data.arbitrableContractAddress
       )
 
       const itemHash = await arbitrablePermissionList.getItemByDisputeId(
-        evidence.data.data.disputeID
+        message.data.disputeID
       )
-      evidence.data.data.metaEvidence.fileURI =
+      message.data.metaEvidence.fileURI =
         process.env.REACT_APP_DEV_DOGE_IMAGES_BASE_URL + itemHash
 
       this.setState({
-        evidence: evidence.data.data
+        evidence: message.data
       })
     }
   }
@@ -44,11 +44,8 @@ class DogesOnTrialEvidence extends Component {
   render() {
     const { evidence } = this.state
     if (!evidence) return null
-    let uri
-    // it is metaEvidence if there is a disputeID. We have to fetch the image
-    if (evidence.disputeID !== null && evidence.disputeID !== undefined) {
-      uri = evidence.metaEvidence.fileURI
-    } else uri = evidence.URI
+
+    const uri = evidence.metaEvidence.fileURI
 
     return (
       <div className="DogesOnTrialEvidence">
@@ -56,10 +53,10 @@ class DogesOnTrialEvidence extends Component {
         <div className="DogesOnTrialEvidence-picture">
           <a
             className="DogesOnTrialEvidence-picture-link"
-            href={uri}
+            href={ uri }
             target="_blank"
           >
-            <LinkBox link={uri} />
+            <LinkBox link={ uri } />
           </a>
         </div>
       </div>
diff --git a/src/containers/dispute/components/details/index.js b/src/containers/dispute/components/details/index.js
index a8abdc6..ea86472 100644
--- a/src/containers/dispute/components/details/index.js
+++ b/src/containers/dispute/components/details/index.js
@@ -17,13 +17,20 @@ class Details extends Component {
   }
 
   handleFrameMessage = message => {
-    if (message.data && message.data.target === 'evidence') {
+    if (
+      message.data &&
+      message.data.target === 'evidence' &&
+      message.data.loaded
+    ) {
       const { metaEvidence, disputeID, arbitrableContractAddress } = this.props
 
       message.source.postMessage(
         {
           target: 'evidence',
-          data: { metaEvidence, disputeID, arbitrableContractAddress }
+          metaEvidence,
+          evidence: {},
+          arbitrableContractAddress,
+          disputeID
         },
         '*'
       )
@@ -40,6 +47,7 @@ class Details extends Component {
       metaEvidence
     } = this.props
 
+    // Default display of primary document file.
     let fileDisplay = (
       <div>
         <h4>File</h4>
@@ -47,6 +55,7 @@ class Details extends Component {
       </div>
     )
 
+    // Use external interface to display primary document file.
     if (metaEvidence.evidenceDisplayInterfaceURL) {
       fileDisplay = (
         <iframe

From cca73c85c8532115d64c8a2cbb2844f1ce4edcc1 Mon Sep 17 00:00:00 2001
From: Sam Vitello <sam.j.vitello@gmail.com>
Date: Tue, 7 Aug 2018 12:02:01 -0600
Subject: [PATCH 5/6] fix: use correct env when fetching doge base URI

---
 src/bootstrap/dapp-api.js                               | 3 ++-
 src/components/iframes/doges-on-trial-evidence/index.js | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/bootstrap/dapp-api.js b/src/bootstrap/dapp-api.js
index 0942dff..12f5914 100644
--- a/src/bootstrap/dapp-api.js
+++ b/src/bootstrap/dapp-api.js
@@ -42,7 +42,8 @@ export {
   ETHAddressRegExpCaptureGroup,
   ETHAddressRegExp,
   strictETHAddressRegExp,
-  networkID
+  networkID,
+  env
 }
 
 setTimeout(
diff --git a/src/components/iframes/doges-on-trial-evidence/index.js b/src/components/iframes/doges-on-trial-evidence/index.js
index b402618..ff6393f 100644
--- a/src/components/iframes/doges-on-trial-evidence/index.js
+++ b/src/components/iframes/doges-on-trial-evidence/index.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { ArbitrablePermissionList } from 'kleros-api/lib/contracts/implementations/arbitrable'
 
-import { eth } from '../../../bootstrap/dapp-api'
+import { eth, env } from '../../../bootstrap/dapp-api'
 import LinkBox from '../../link-box'
 
 import './doges-on-trial-evidence.css'
@@ -33,7 +33,7 @@ class DogesOnTrialEvidence extends Component {
         message.data.disputeID
       )
       message.data.metaEvidence.fileURI =
-        process.env.REACT_APP_DEV_DOGE_IMAGES_BASE_URL + itemHash
+        process.env[`REACT_APP_${env}_DOGE_IMAGES_BASE_URL`] + itemHash
 
       this.setState({
         evidence: message.data

From 840fd890c349a851071596e7a7766f20e1a4d24e Mon Sep 17 00:00:00 2001
From: Sam Vitello <sam.j.vitello@gmail.com>
Date: Wed, 8 Aug 2018 16:22:23 -0600
Subject: [PATCH 6/6] chore: update ruling format api v0.0.14

---
 package.json                                      |  2 +-
 src/containers/dispute/components/ruling/index.js | 15 ++++++++-------
 src/containers/dispute/index.js                   |  4 ++--
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 4d14c2b..fbd37ea 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
     "create-redux-form": "^0.1.2",
     "ethjs": "^0.3.3",
     "history": "^4.7.2",
-    "kleros-api": "^0.13.0",
+    "kleros-api": "^0.14.0",
     "lessdux": "^0.7.3",
     "normalize.css": "^7.0.0",
     "react": "^16.2.0",
diff --git a/src/containers/dispute/components/ruling/index.js b/src/containers/dispute/components/ruling/index.js
index f85ae90..5cdfe0b 100644
--- a/src/containers/dispute/components/ruling/index.js
+++ b/src/containers/dispute/components/ruling/index.js
@@ -1,5 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import _ from 'lodash'
 
 import { ChainData } from '../../../../chainstrap'
 import { ARBITRATOR_ADDRESS } from '../../../../bootstrap/dapp-api'
@@ -14,7 +15,7 @@ const Ruling = ({
   votesForPartyA,
   votesForPartyB,
   netPNK,
-  rulings,
+  ruling,
   disputeID,
   appeals,
   appealNumber,
@@ -24,11 +25,11 @@ const Ruling = ({
   const won = netPNK >= 0
   // For now assume all draws for juror had the same ruling
   const jurorRuling =
-    rulings.length > 0
-      ? rulings[0] > 0
-        ? `You ruled: ${metaEvidence.rulingOptions.titles[rulings[0] - 1]}`
+    _.isNull(ruling)
+      ? ''
+      : ruling > 0
+        ? `You ruled: ${metaEvidence.rulingOptions.titles[ruling - 1]}`
         : 'No Ruling'
-      : ''
   return (
     <div className="Ruling">
       <hr />
@@ -132,7 +133,7 @@ Ruling.propTypes = {
   votesForPartyA: PropTypes.number.isRequired,
   votesForPartyB: PropTypes.number.isRequired,
   netPNK: PropTypes.number.isRequired,
-  rulings: PropTypes.shape,
+  ruling: PropTypes.shape,
   disputeID: PropTypes.number.isRequired,
   appeals: PropTypes.number.isRequired,
   appealNumber: PropTypes.number.isRequired,
@@ -142,7 +143,7 @@ Ruling.propTypes = {
 Ruling.defaultProps = {
   // State
   date: null,
-  rulings: []
+  ruling: null
 }
 
 export default Ruling
diff --git a/src/containers/dispute/index.js b/src/containers/dispute/index.js
index 4950a5e..8ca03c2 100644
--- a/src/containers/dispute/index.js
+++ b/src/containers/dispute/index.js
@@ -166,8 +166,8 @@ class Dispute extends PureComponent {
                               votesForPartyA={e.voteCounter[1]}
                               votesForPartyB={e.voteCounter[2]}
                               netPNK={dispute.data.netPNK}
-                              rulings={
-                                dispute.data.appealJuror[e.appealNumber].rulings
+                              ruling={
+                                dispute.data.appealJuror[e.appealNumber].ruling
                               }
                               disputeID={dispute.data.disputeId}
                               appeals={dispute.data.numberOfAppeals}