only display table if it has a nonzero number of rows

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "utfdump"]
+	path = utfdump
+	url = https://github.com/pantonshire/utfdump.git

next.config.js

@@ -11,7 +11,7 @@ const nextConfig = {
       loadedWasm = true;
       nextConfig.plugins.push(
         new WasmPackPlugin({
-          crateDirectory: path.resolve(__dirname, '..', 'utfdump', 'wasm'),
+          crateDirectory: path.resolve(__dirname, 'utfdump', 'wasm'),
           outDir: path.resolve(__dirname, 'wasm', 'utfdump'),
           forceMode: 'production',
           extraArgs: '--target web',

src/components/output_table.tsx

@@ -67,32 +67,42 @@ export function OutputTable(props: { currentString: string }) {
     }
   }
 
+  let table;
+  
+  if (rows.length > 0) {
+    table = (
+      <table id={styles.output_table}>
+        <thead>
+          <tr>
+            <th></th>
+            <th>Name</th>
+            <th>Code</th>
+            <th>UTF-8</th>
+            <th>UTF-16LE</th>
+            <th>Category</th>
+            <th>Combining</th>
+            <th>Bidirectional</th>
+            <th>Mirrored</th>
+            <th>Decomp</th>
+            <th>Upper</th>
+            <th>Lower</th>
+            <th>Title</th>
+            <th>Numeric</th>
+          </tr>
+        </thead>
+        <tbody>
+          {rows}
+        </tbody>
+      </table>
+    );
+  } else {
+    table = (<></>);
+  }
+
   return (
     <section className={styles.table_container}>
       <div className={styles.overflow_scroll}>
-        <table id={styles.output_table}>
+        {table}
-          <thead>
-            <tr>
-              <th></th>
-              <th>Name</th>
-              <th>Code</th>
-              <th>UTF-8</th>
-              <th>UTF-16LE</th>
-              <th>Category</th>
-              <th>Combining</th>
-              <th>Bidirectional</th>
-              <th>Mirrored</th>
-              <th>Decomp</th>
-              <th>Upper</th>
-              <th>Lower</th>
-              <th>Title</th>
-              <th>Numeric</th>
-            </tr>
-          </thead>
-          <tbody>
-            {rows}
-          </tbody>
-        </table>
       </div>
     </section>
   );