FIX: hyperlinks did not work in category boxes

app/assets/javascripts/discourse/components/categories-boxes.js.es6

@@ -1,4 +1,5 @@
 import computed from 'ember-addons/ember-computed-decorators';
+import DiscourseURL from 'discourse/lib/url';
 
 export default Ember.Component.extend({
   tagName: "section",
@@ -8,5 +9,14 @@ export default Ember.Component.extend({
   anyLogos() {
     return this.get("categories").any((c) => { return !Ember.isEmpty(c.get('uploaded_logo.url')); });
     return this.get("categories").any(c => !Ember.isEmpty(c.get('uploaded_logo.url')));
+  },
+
+  click(e) {
+    if (!$(e.target).is('a')) {
+      const url = $(e.target).closest('.category-box').data("url");
+      if (url) {
+        DiscourseURL.routeTo(url);
+      }
+    }
   }
 });

app/assets/javascripts/discourse/templates/components/categories-boxes.hbs

@@ -1,7 +1,6 @@
 {{#each categories as |c|}}
-  <div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}}>
+  <div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}} data-url={{c.url}}>
     <div class='category-box-inner'>
-      <a href={{c.url}}>
       <div class='category-box-heading'>
         {{#if c.uploaded_logo.url}}
           {{cdn-img src=c.uploaded_logo.url class="logo"}}
@@ -18,7 +17,6 @@
       <div class='description'>
         {{{text-overflow class="overflow" text=c.description_excerpt}}}
       </div>
-      </a>
     </div>
   </div>
 {{/each}}

app/assets/stylesheets/common/base/category-list.scss

@@ -26,6 +26,7 @@
     display: flex;
     flex-direction: row;
     align-content: flex-start;
+    cursor: pointer;
 
     box-sizing: border-box;