root node search bar swapped for a drop down

Author: benmarg

src/app/components/StateRoute/ComponentMap/LinkControls.tsx

@@ -110,19 +110,16 @@ export default function LinkControls({
       {/* Controls for the select selections. */}
       <label> Select:</label>
       &nbsp;
-      <input
+      <select
         id="selectInput"
-        list="nodeOptions"
-        type="text"
         name="nodeOptions"
         onChange={e => setSelectedNode(e.target.value)}
         style={dropDownStyle}
-      />
-      <datalist id="nodeOptions">
+      >
         {nodeList.map(node => (
-          <option key={node.name} value={node.name}>{node.name}</option>
+          node.children.length > 0 && <option key={node.name} value={node.name}>{node.name}</option>
         ))}
-      </datalist>
+      </select>
 
       {/* This is the slider control for the step option */}
       {linkType === 'step' && layout !== 'polar' && (

www/public/RTScreen.png

@@ -137,7 +137,7 @@ export default function LandingPage() {
               <div className="relative -mr-40 pl-4 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
                 <img
                   className="w-full rounded-md shadow-xl ring-1 ring-black ring-opacity-5 lg:h-full lg:w-auto lg:max-w-none"
-                  src="https://i.imgur.com/CyIU9Td.jpg"
+                  src="/RTScreen.png"
                   alt=""
                 />
               </div>