From 429170737f09d5b605d8ab2a686468f7ae17a853 Mon Sep 17 00:00:00 2001
From: Peter Stuifzand <peter@stuifzand.eu>
Date: Sat, 8 Sep 2018 15:14:27 +0200
Subject: [PATCH] Watch for route changes

---
 src/components/Channel.vue |  2 +-
 src/views/Home.vue         | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Channel.vue b/src/components/Channel.vue
index 1f9f6bb..645b841 100644
--- a/src/components/Channel.vue
+++ b/src/components/Channel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="channel--name" @click="select(channel)">
+  <div class="channel--name">
     <router-link :to='"/channel/" + channel.uid'>
       {{ channel.name }}
       <span :class="{ tag: true, 'is-success': channel.unread > 0}">{{ channel.unread }}</span>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index b883f9d..0574a63 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -10,7 +10,8 @@
       <button class="button" @click="openFeedFollower">Add feed</button>
       <new-post class="mt-20"></new-post>
       <h1>{{ channel.name }}</h1>
-      <Timeline style="margin-top:20px" :timeline="this.$store.state.timeline" :channel="channel" @getPage="getPage"></Timeline>
+      <Timeline style="margin-top:20px" :timeline="this.$store.state.timeline" :channel="channel"
+                @getPage="getPage"></Timeline>
     </div>
 
     <div class="column"></div>
@@ -75,6 +76,13 @@
       }
     },
 
+    watch: {
+      '$route'(to, from) {
+        this.$store.dispatch('fetchChannels')
+        this.$store.dispatch('fetchTimeline', {uid: to.params.uid})
+      }
+    },
+
     mounted() {
       if (this.$store.state.logged_in) {
         this.$store.dispatch('fetchChannels')