style(dashboard): corrects capitilisation of tools links

src/views/PipelineView.vue

@@ -12,9 +12,7 @@
           <span v-else :class="routeClass(pipelineRoute)">{{ humanise(pipelineRoute) }} </span>
         </div>
       </traction-menu>
-      <span class="flex items-center text-xl pl-4 text-gray-400 text-light">{{
-        pipelineInfo.title
-      }}</span>
+      <span class="flex items-center text-xl pl-4 text-gray-400">{{ pipelineInfo.title }}</span>
     </div>
     <router-view class="mt-2" />
   </div>
@@ -50,7 +48,7 @@ export default {
     },
     routeClass(route) {
       return `text-black hover:bg-sdb-300 hover:text-white flex
-        py-1 m-0 rounded-t-md w-24 justify-center
+        py-1 rounded-t-md w-24 justify-center
         transition-colors duration-100 ease-in-out cursor-pointer
         ${this.isActive(route) ? 'text-white bg-sdb-300' : 'text-black bg-gray-200'}`
     },

src/views/TractionDashboard.vue

@@ -62,9 +62,9 @@
         >
           <TractionLink
             v-for="route in toolRoutes"
-            :key="route"
-            :name="humanise(route)"
-            :link="`/${route}`"
+            :key="route.name"
+            :name="route.name"
+            :link="`/${route.link}`"
           />
         </div>
       </div>
@@ -131,6 +131,23 @@ const docRoutes = [
 const docDropdown = ref(false)
 const toolDropdown = ref(false)
 const pipelineDropdown = ref(true)
-const toolRoutes = ['label-printing', 'qc-results-upload', 'reception', 'labwhere-reception']
+const toolRoutes = [
+  {
+    name: 'Label Printing',
+    link: 'label-printing',
+  },
+  {
+    name: 'QC Results Upload',
+    link: 'qc-results-upload',
+  },
+  {
+    name: 'Reception',
+    link: 'reception',
+  },
+  {
+    name: 'LabWhere Reception',
+    link: 'labwhere-reception',
+  },
+]
 const pipelines = computed(() => PipelinesConfig.filter(({ active }) => active))
 </script>