From c51f2d5caee61b77ea47802819c1649b9cac9071 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Sun, 1 Nov 2020 10:52:25 -0700
Subject: [PATCH] clean up releases page

---
 src/pages/Releases.vue | 76 +++++++++++++-----------------------------
 1 file changed, 23 insertions(+), 53 deletions(-)

diff --git a/src/pages/Releases.vue b/src/pages/Releases.vue
index 502b8a4d..f1f44917 100644
--- a/src/pages/Releases.vue
+++ b/src/pages/Releases.vue
@@ -10,53 +10,31 @@
       class="position-sticky"
     />
 
-    <b-container fluid>
-      <b-form-row>
-        <b-col cols="2" md="3">
-          <b-list-group>
-            <b-list-group-item
-              button
-              class="d-flex justify-content-center justify-content-md-between
-               align-items-center p-2"
-              v-for="release in releases"
-              :key="release.id"
-              :variant="nightMode ? 'dark' : null"
-              :active="selectedRelease && release.id === selectedRelease.id"
-              @click="selectedRelease = release"
-            >
-              <h6 class="m-0">
-                <b-badge>{{ release.tag_name }}</b-badge>
-                <span class="d-none d-md-inline">{{ release.name }}</span>
-              </h6>
-            </b-list-group-item>
-          </b-list-group>
-        </b-col>
+    <b-container>
+      <b-card
+        v-for="release in releases"
+        :key="release.id"
+        :bg-variant="nightMode ? 'dark' : null"
+        :text-variant="nightMode ? 'white' : null"
+        v-if="selectedTag"
+        hide-footer
+        class="mb-3"
+      >
+        <template v-slot:header>
+          <h6 class="mb-0">
+            <b-badge>{{ release.tag_name }}</b-badge>
+            {{ release.name }}
+          </h6>
+        </template>
 
-        <b-col cols="10" md="9">
-          <b-card
-            :bg-variant="nightMode ? 'dark' : null"
-            :text-variant="nightMode ? 'white' : null"
-            v-if="selectedRelease"
-            hide-footer
-            class="mb-3"
-          >
-            <template v-slot:header>
-              <h6 class="mb-0">
-                <b-badge>{{ selectedRelease.tag_name }}</b-badge>
-                {{ selectedRelease.name }}
-              </h6>
-            </template>
+        <b-card-text>
+          <small class="text-muted">
+            {{ $t('releases.published') }} {{ formatDate(release.published_at) }}
+          </small>
 
-            <small class="text-muted">
-              {{ $t('releases.published') }} {{ formatDate(selectedRelease.published_at) }}
-            </small>
-
-            <b-card-text>
-              <vue-markdown :source="selectedRelease.body" class="w-100 releases" />
-            </b-card-text>
-          </b-card>
-        </b-col>
-      </b-form-row>
+          <vue-markdown :source="release.body" class="w-100 releases" />
+        </b-card-text>
+      </b-card>
     </b-container>
   </div>
 </template>
@@ -70,12 +48,6 @@ export default {
     VueMarkdown,
   },
 
-  data() {
-    return {
-      selectedRelease: null,
-    };
-  },
-
   computed: {
     ...mapState(['releases', 'notification', 'settings']),
     ...mapGetters(['nightMode']),
@@ -84,8 +56,6 @@ export default {
   mounted() {
     const [latestRelease] = this.releases;
 
-    this.selectedRelease = latestRelease;
-
     if (this.notification && latestRelease && latestRelease.tag_name) {
       this.$store.commit('UPDATE_SETTING', { key: 'release', value: latestRelease.tag_name });