add some divider

h0ngcha0 · Nov 3, 2018 · 0c5052f · 0c5052f
1 parent ecac622
commit 0c5052f
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/client/src/modules/interpreter/InterpreterComponent.js b/client/src/modules/interpreter/InterpreterComponent.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import _ from 'lodash';
 import ScriptOpCodeList from '../transaction/ScriptOpCodeList';
 
 class InterpreterComponent extends React.Component {
@@ -16,16 +17,24 @@ class InterpreterComponent extends React.Component {
     return (
       <div style={ {maxWidth: '550px', margin: '0 auto'} }>
         <p><i>{executionDescription}</i></p>
+        <hr />
+        <p><b>Current Stack:</b></p>
+        <ScriptOpCodeList opCodes={stack} />
+        <p><b>Current Script:</b></p>
+        <ScriptOpCodeList opCodes={currentScript} />
+        {
+          !_.isEmpty(altStack) ? (
+            <React.Fragment>
+              <p><b>Current Alt Stack:</b></p>
+              <ScriptOpCodeList opCodes={altStack} />
+            </React.Fragment>
+          ) : null
+        }
+        <hr />
         <p><b>ScriptPubKey:</b></p>
         <ScriptOpCodeList opCodes={scriptPubKey} />
         <p><b>ScriptSig:</b></p>
         <ScriptOpCodeList opCodes={scriptSig} />
-        <p><b>Current Script:</b></p>
-        <ScriptOpCodeList opCodes={currentScript} />
-        <p><b>Current Stack:</b></p>
-        <ScriptOpCodeList opCodes={stack} />
-        <p><b>Current Alt Stack:</b></p>
-        <ScriptOpCodeList opCodes={altStack} />
       </div>
     )
   }