From 7755cc64644cae7cd2b5a03bf5e23067b4bf16b8 Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Mon, 14 Sep 2020 09:51:17 -0500
Subject: [PATCH] add router link via caret right icon

---
 client/src/components/Season.vue | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Season.vue b/client/src/components/Season.vue
index 58aa6ec..6ba4747 100644
--- a/client/src/components/Season.vue
+++ b/client/src/components/Season.vue
@@ -8,10 +8,16 @@
                         <b-col cols="3">
                             <b-img src="https://via.placeholder.com/150"></b-img>
                         </b-col>
-                    <b-col>
-                        <h4>{{ episode.title }}</h4>
-                        <p class="pl-3">{{ episode.description }}</p>
-                    </b-col>
+                        <b-col>
+                            <h4>
+                                {{ episode.title }}
+                                <router-link class="no-link"
+                                             :to="getEpisodeRoute(season.season_id, episode.episode_id)">
+                                    <b-icon class="h6" icon="caret-right-fill"></b-icon>
+                                </router-link>
+                            </h4>
+                            <p class="pl-3">{{ episode.description }}</p>
+                        </b-col>
                     </b-row>
                 </b-list-group-item>
             </b-list-group>
@@ -19,8 +25,22 @@
     </div>
 </template>
 
+<style lang="css">
+h4 .b-icon {
+    font-size: 0.85rem;
+    vertical-align: middle !important;
+    position: relative;
+    top: 3px;
+}
+</style>
+
 <script>
 export default {
+    methods: {
+        getEpisodeRoute(s, e) {
+            return {name: 'Episode', params: {season: s, episode: e}}
+        }
+    },
     computed: {
         breadcrumbs() {
             return [