From 95e2f025c04fe102ae97582a3effbce5f42c143d Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 10 Jul 2023 19:52:34 -0700
Subject: [PATCH] Only show output header if textarea is populated

---
 index.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 1dc5cb6..15757b5 100644
--- a/index.html
+++ b/index.html
@@ -122,6 +122,14 @@
       background: rgb(8 29 53);
       clip-path: polygon(0 0, 100% 0, 50% 90%);
     }
+
+    #output-header {
+      display: none;
+    }
+
+    textarea:not(:invalid) + #output-header {
+      display: unset;
+    }
   </style>
 </head>
 
@@ -133,9 +141,9 @@
 
   <main>
     <label for="functions">Solidity functions</label>
-    <textarea name="functions" id="functions" placeholder="function totalSupply() external view returns (uint256)" autocomplete="off"></textarea>
+    <textarea name="functions" id="functions" placeholder="function totalSupply() external view returns (uint256)" autocomplete="off" required></textarea>
 
-    <h2>Simulated Etherscan function pills</h2>
+    <h2 id="output-header">Simulated Etherscan function pills</h2>
     <div class="pill-container"></div>
   </main>
 
-- 
2.47.3