From 5e8899de5766931f833b4719882436290ac208db Mon Sep 17 00:00:00 2001
From: Lukas Ehnle <lukas@owlabout.de>
Date: Sun, 22 Mar 2020 20:26:26 +0100
Subject: [PATCH] feat: tracks with real data

---
 frontend/src/views/Track.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/Track.vue b/frontend/src/views/Track.vue
index 428494f..035ffee 100644
--- a/frontend/src/views/Track.vue
+++ b/frontend/src/views/Track.vue
@@ -2,7 +2,7 @@
   <div>
     <header>
       <div class="track-info">
-        <div class="track-title">{{ track.Name || "Nachhaltigkeit" }}</div>
+        <div class="track-title">{{ track.Name }}</div>
         <div class="track-detailed-info">
           <div class="track-users group">23</div>
           <div class="track-rating rating">4,5</div>
@@ -14,7 +14,7 @@
       <div class="description">{{ track.Description }}</div>
     </section>
     <section class="forum">
-      <h2>Forum - {{ track.Name || "Nachhaltigkeit" }}</h2>
+      <h2>Forum - {{ track.Name }}</h2>
       <div class="new-post-container">
         <textarea
           name="newComment"
@@ -34,15 +34,22 @@ export default {
       track: {}
     };
   },
-  watch: {
-    $route(to, from) {
-      console.log(to);
+  methods: {
+    getTrack(routeName) {
       const getTrack = mapGetters(["track"]).track;
-      const id = to.params.routeName.substring(0, 1);
+      const id = routeName.split("-", 2)[0];
+
       this.track = getTrack(id).then(track => {
         this.track = track;
       });
     }
+  },
+  created() {
+    this.getTrack(this.$route.params.routeName);
+  },
+  beforeRouteUpdate(to, from, next) {
+    this.getTrack(to.params.routeName);
+    next();
   }
 };
 </script>