Hide extraneous labels

nearest.js

@@ -59,7 +59,7 @@ const createTile = hexColor => {
 
 const renderPokemon = (
   { name, scoreRGB = null, scoreJAB = null, yRGB, yJAB },
-  { rgbClass = "", jabClass = "" } = {},
+  { labelClass = "", rgbClass = "", jabClass = "" } = {},
 ) => {
   const titleName = titleCase(name);
   const rgbHex = rgb2hex(yRGB);
@@ -78,7 +78,7 @@ const renderPokemon = (
     <div class="pokemon_tile-info_panel">
       <span class="pokemon_tile-pokemon_name">${titleName}</span>
       <div class="pokemon_tile-results">
-        <div class="pokemon_tile-labels">
+        <div class="pokemon_tile-labels ${labelClass}">
           <span class="${jabClass}">Jab: </span>
           <span class="${rgbClass}">RGB: </span>
         </div>
@@ -208,7 +208,7 @@ const onUpdate = (event) => {
         .slice(0, numPoke)
         .forEach(info => {
           const li = document.createElement("li");
-          li.appendChild(renderPokemon(info, { jabClass: "hide" }))
+          li.appendChild(renderPokemon(info, { labelClass: "hide", jabClass: "hide" }))
           bestListRGB.appendChild(li);
         });
   
@@ -219,7 +219,7 @@ const onUpdate = (event) => {
         .slice(0, numPoke)
         .forEach(info => {
           const li = document.createElement("li");
-          li.appendChild(renderPokemon(info, { rgbClass: "hide" }))
+          li.appendChild(renderPokemon(info, { labelClass: "hide", rgbClass: "hide" }))
           bestListJAB.appendChild(li);
         });
     }