From fa6c559ddb0c5c0cca2347d9eb17f8211a0b0815 Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Mon, 1 Apr 2019 21:03:31 -0700
Subject: [PATCH] Added tags to game detail modal

---
 src/pages/GameDetail/GameDetail.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/pages/GameDetail/GameDetail.vue b/src/pages/GameDetail/GameDetail.vue
index bd145d40..1ee971dd 100644
--- a/src/pages/GameDetail/GameDetail.vue
+++ b/src/pages/GameDetail/GameDetail.vue
@@ -12,6 +12,22 @@
                     <div class="game-details">
                         <h2>{{ game.name }}</h2>
                         <game-rating :rating="game.rating" />
+
+                        <div class="tags" v-if="tags">
+                            <div
+                                v-for="({ games, hex }, name) in tags"
+                                :key="name"
+                            >
+                                <button
+                                    v-if="games.includes(game.id)"
+                                    class="tag small game-tag"
+                                    :style="`background-color: ${hex}`"
+                                >
+                                    {{ name }}
+                                </button>
+                            </div>
+                        </div>
+
                         <p class="game-description" v-html="game.summary" />
                         <affiliate-link />
                         <game-review-box />
@@ -55,7 +71,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['game', 'platform']),
+        ...mapState(['game', 'platform', 'tags']),
         ...mapGetters(['darkModeEnabled']),
 
         style() {