From cec124a2dc4f3e4af651589ba0ad82985d0d7b84 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Mon, 4 Dec 2023 11:17:36 +0100
Subject: [PATCH] conditional rendering of vyper results

---
 apps/vyper/src/app/app.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx
index f80d91e1b1..9105cdc342 100644
--- a/apps/vyper/src/app/app.tsx
+++ b/apps/vyper/src/app/app.tsx
@@ -105,9 +105,15 @@ const App: React.FC = () => {
           />
         </div>
 
-        <article id="result" className="px-2">
-          <h5>Result Output!</h5>
-          {Object.keys(output).length > 0 ? <VyperResult output={output} themeColor={remixClient.checkActiveTheme()} /> : null}
+        {console.log(output)}
+        <article id="result" className="px-2 mx-2 border-top mt-3">
+          {
+            output && Object.keys(output).length > 0 ? (
+              <>
+                <VyperResult output={output} />
+              </>
+            ) : null
+          }
         </article>
       </section>
     </main>