Link categories in threadlist on homepage

Author: digitalcraftsman

public/css/nimforum.scss

@@ -143,6 +143,16 @@ $logo-height: $navbar-height - 20px;
   white-space: nowrap;
 }
 
+.category-name {
+  a:link,
+  a:hover,
+  a:active,
+  a:visited {
+    color: $body-font-color;
+    text-decoration: none;
+  }
+}
+
 #new-thread {
   .modal-container .modal-body {
     max-height: none;

src/frontend/category.nim

@@ -39,7 +39,8 @@ when defined(js):
                   kstring"0.25rem solid #" & category.color)
           ))
           span(class="category-name"):
-            text category.name
+            a(href=makeUri("/c/" & $category.id)):
+              text category.name
           if not compact:
             span(class="topic-count"):
               text "× " & $category.numTopics

tests/browsertests/categories.nim

@@ -137,18 +137,18 @@ proc categoriesUserTests(session: Session, baseUrl: string) =
 
         click "#category-unsorted"
         checkText "#threads-list .thread-title a", "Post 3"
-        for element in session.waitForElements("#threads-list .category-name"):
+        for element in session.waitForElements("#threads-list .category-name a"):
           # Have to user "innerText" because elements are hidden on this page
           assert element.getProperty("innerText") == "Unsorted"
 
         selectCategory "announcements"
         checkText "#threads-list .thread-title a", "Post 2"
-        for element in session.waitForElements("#threads-list .category-name"):
+        for element in session.waitForElements("#threads-list .category-name a"):
           assert element.getProperty("innerText") == "Announcements"
 
         selectCategory "fun"
         checkText "#threads-list .thread-title a", "Post 1"
-        for element in session.waitForElements("#threads-list .category-name"):
+        for element in session.waitForElements("#threads-list .category-name a"):
           assert element.getProperty("innerText") == "Fun"
 
     session.logout()