Don't render example links nav item if we have no examples

Author: jordalgo

src/App.tsx

@@ -673,9 +673,7 @@ function App({ testListHeight }: { testListHeight?: number }) {
               Clear
             </button>
           </div>
-          <div className="line-nav-item">
-            <Examples handleLoadExample={handleLoadExample} />
-          </div>
+          <Examples handleLoadExample={handleLoadExample} />
           <div className="line-nav-item">
             <div className="file-input-container">
               <input

src/__snapshots__/App.test.tsx.snap

@@ -24,22 +24,6 @@ exports[`App renders the correct starting elements 1`] = `
             Clear
           </button>
         </div>
-        <div
-          class="line-nav-item"
-        >
-          <label>
-            Examples:
-          </label>
-          <select
-            id="log-example-dropdown"
-          />
-          <button
-            class="nav-button"
-            id="load-example"
-          >
-            Load
-          </button>
-        </div>
         <div
           class="line-nav-item"
         >
@@ -108,22 +92,6 @@ exports[`App renders the log visualizer when text is pasted 1`] = `
             Clear
           </button>
         </div>
-        <div
-          class="line-nav-item"
-        >
-          <label>
-            Examples:
-          </label>
-          <select
-            id="log-example-dropdown"
-          />
-          <button
-            class="nav-button"
-            id="load-example"
-          >
-            Load
-          </button>
-        </div>
         <div
           class="line-nav-item"
         >
@@ -558,22 +526,6 @@ exports[`App renders the log visualizer when text is pasted 2`] = `
             Clear
           </button>
         </div>
-        <div
-          class="line-nav-item"
-        >
-          <label>
-            Examples:
-          </label>
-          <select
-            id="log-example-dropdown"
-          />
-          <button
-            class="nav-button"
-            id="load-example"
-          >
-            Load
-          </button>
-        </div>
         <div
           class="line-nav-item"
         >

src/components.tsx

@@ -206,9 +206,9 @@ export function Examples({
     handleLoadExample(selectedOption);
   }, [selectedOption]);
 
-  if (exampleLinks) {
+  if (exampleLinks && exampleLinks.length !== 0) {
     return (
-      <>
+      <div className="line-nav-item">
         <label>Examples:</label>
         <select
           id="log-example-dropdown"
@@ -226,7 +226,7 @@ export function Examples({
         <button id="load-example" className="nav-button" onClick={onLoad}>
           Load
         </button>
-      </>
+      </div>
     );
   } else {
     return <></>;