show genre title

src/components/search.js

@@ -70,7 +70,7 @@ AFRAME.registerComponent('search-genre', {
   },
 
   search: function (genre) {
-    if (genre === 'Video Game') {
+    if (genre === 'Video Games') {
       this.queryObject.filters = `genre:"Video Game" OR genre:"Video Games"`;
     } else {
       this.queryObject.filters = `genre:"${genre}"`;

src/constants/genres.js

@@ -4,7 +4,7 @@ module.exports = [
   {name: 'Rap', row: 1, column: 3},
   {name: 'Rock', row: 1, column: 4},
   {name: 'Soundtrack', row: 1, column: 5},
-  {name: 'Video Game', row: 1, column: 6},
+  {name: 'Video Games', row: 1, column: 6},
 
   {name: 'Electronic', row: 2, column: 1},
   {name: 'Hip Hop', row: 2, column: 2},

src/templates/menu.html

@@ -250,6 +250,14 @@
       position="0 0 0.01"></a-entity>
   </a-entity>
 
+  <a-entity
+    id="genreText"
+    mixin="font"
+    bind__text-uppercase="value: genre"
+    bind__visible="!!genre"
+    text="align: center; color: #FAFAFA; wrapCount: 20"
+    position="0 0.8 0.01"></a-entity>
+
   <a-entity
     id="genreMenu"
     bind-for="for: genre; in: genres; updateInPlace: true; key: name"