From 76818a1081807750d40b20c34e09ae0df68e9f71 Mon Sep 17 00:00:00 2001
From: patcodefy <irapatu44@gmail.com>
Date: Thu, 24 Oct 2019 00:45:20 -0700
Subject: [PATCH 1/3] Updated Issues widget to display the last 5 issues.

---
 src/components/cards/IssuesCard.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/cards/IssuesCard.vue b/src/components/cards/IssuesCard.vue
index bd7c28c..b16d1fc 100644
--- a/src/components/cards/IssuesCard.vue
+++ b/src/components/cards/IssuesCard.vue
@@ -3,19 +3,17 @@
     <div id="count" class="ma-1">
       <span class="font-weight-medium display-3">{{total}}</span>
     </div>
-    <v-tooltip bottom>
+    <v-tooltip bottom v-for="(issue,index) in this.getIssues()" :key="index">
       <v-list slot="activator" v-if="issues.length" two-line dense>
-        <issue :item="last" hide-actions/>
+        <issue :item="issue" hide-actions/>
       </v-list>
-      <span v-if="last">Last issue: {{last.title}}</span>
+      <span v-if="issue.title">Last issue: {{issue.title}}</span>
     </v-tooltip>
   </div>
 </template>
 
 <script>
-import { head } from "lodash";
 import Issue from "@/components/Issue.vue";
-
 export default {
   props: {
     issues: Array,
@@ -24,13 +22,14 @@ export default {
       default: 0
     }
   },
-  computed: {
-    last() {
-      return head(this.issues);
-    }
-  },
   components: {
     Issue
+  },
+  methods: {
+    getIssues: function() {
+      let lastIssues = _.slice(this.issues, [this.issues.length - 5], [this.issues.length]);
+      return this.issues.length < 5 ? this.issues : lastIssues;
+    }
   }
 };
 </script>

From 1cb0c0c4783085213b939970282f2140982b6c60 Mon Sep 17 00:00:00 2001
From: patcodefy <irapatu44@gmail.com>
Date: Thu, 24 Oct 2019 01:20:30 -0700
Subject: [PATCH 2/3] Corrected commit

---
 src/components/cards/IssuesCard.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/cards/IssuesCard.vue b/src/components/cards/IssuesCard.vue
index b16d1fc..4d36ef8 100644
--- a/src/components/cards/IssuesCard.vue
+++ b/src/components/cards/IssuesCard.vue
@@ -11,7 +11,6 @@
     </v-tooltip>
   </div>
 </template>
-
 <script>
 import Issue from "@/components/Issue.vue";
 export default {

From 80dd4eaead4ae733600aaf22456dad65f5cd8728 Mon Sep 17 00:00:00 2001
From: patcodefy <irapatu44@gmail.com>
Date: Thu, 24 Oct 2019 09:16:47 -0700
Subject: [PATCH 3/3] corrected the code based on the code review

---
 src/components/cards/IssuesCard.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/cards/IssuesCard.vue b/src/components/cards/IssuesCard.vue
index 4d36ef8..1459785 100644
--- a/src/components/cards/IssuesCard.vue
+++ b/src/components/cards/IssuesCard.vue
@@ -3,15 +3,16 @@
     <div id="count" class="ma-1">
       <span class="font-weight-medium display-3">{{total}}</span>
     </div>
-    <v-tooltip bottom v-for="(issue,index) in this.getIssues()" :key="index">
+    <v-tooltip bottom v-for="issue in last" :key="issue.id">
       <v-list slot="activator" v-if="issues.length" two-line dense>
         <issue :item="issue" hide-actions/>
       </v-list>
-      <span v-if="issue.title">Last issue: {{issue.title}}</span>
+      <span v-if="issue">{{issue.title}}</span>
     </v-tooltip>
   </div>
 </template>
 <script>
+import { slice } from "lodash";
 import Issue from "@/components/Issue.vue";
 export default {
   props: {
@@ -21,14 +22,13 @@ export default {
       default: 0
     }
   },
+  computed: {
+    last() {
+      return slice(this.issues, 0, 5);
+    }
+  },
   components: {
     Issue
-  },
-  methods: {
-    getIssues: function() {
-      let lastIssues = _.slice(this.issues, [this.issues.length - 5], [this.issues.length]);
-      return this.issues.length < 5 ? this.issues : lastIssues;
-    }
   }
 };
 </script>