From 823432d24044c37fc7065ef835719167e8c5bf3d Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Thu, 28 Mar 2019 17:01:42 +1100
Subject: [PATCH] combiner table

---
 html-client/src/components/vbox.component.jsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/html-client/src/components/vbox.component.jsx b/html-client/src/components/vbox.component.jsx
index 9f7431e4..15c1d000 100644
--- a/html-client/src/components/vbox.component.jsx
+++ b/html-client/src/components/vbox.component.jsx
@@ -48,6 +48,18 @@ function Vbox(args) {
         </tr>,
     ];
 
+    const combinerElement = (
+        <table className="vbox-table">
+            <tbody>
+                <tr>
+                    <td>{convertVar(combiner[0])}</td>
+                    <td>{convertVar(combiner[1])}</td>
+                    <td>{convertVar(combiner[2])}</td>
+                </tr>
+            </tbody>
+        </table>
+    );
+
     return (
         <div className="three columns">
             <span>vBox</span>
@@ -78,7 +90,7 @@ function Vbox(args) {
                 onClick={() => sendVboxCombine()}>
                 combine
             </button>
-            {JSON.stringify(vbox)}
+            {combinerElement}
         </div>
     );
 }