From 0c5052f261afdb654dac5679ab691393d7cbbd90 Mon Sep 17 00:00:00 2001
From: Hongchao Liu <lbs.lhc@gmail.com>
Date: Sat, 3 Nov 2018 02:40:21 +0100
Subject: [PATCH] add some divider

---
 .../interpreter/InterpreterComponent.js       | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/client/src/modules/interpreter/InterpreterComponent.js b/client/src/modules/interpreter/InterpreterComponent.js
index 692b2aa..7f0ae5e 100644
--- 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>
     )
   }