From ff3db22f22daf046f5f2694640f83d4be1bc1a1a Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Thu, 28 Apr 2022 13:27:06 +0200
Subject: [PATCH] Member list icon and functionality

---
 src/assets/members.png                          | Bin 0 -> 4482 bytes
 .../CommunityComponents/CommunityHome.vue       |  16 +++++++++++++++-
 src/router/index.js                             |   2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/members.png

diff --git a/src/assets/members.png b/src/assets/members.png
new file mode 100644
index 0000000000000000000000000000000000000000..51775f6bead51014d3143631c292421752d024b6
GIT binary patch
literal 4482
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

literal 0
HcmV?d00001

diff --git a/src/components/CommunityComponents/CommunityHome.vue b/src/components/CommunityComponents/CommunityHome.vue
index 1d973af..829c500 100644
--- a/src/components/CommunityComponents/CommunityHome.vue
+++ b/src/components/CommunityComponents/CommunityHome.vue
@@ -1,5 +1,14 @@
 <template>
   <section class="relative w-full max-w-md px-5 py-4 mx-auto rounded-md">
+    <div>
+      <img
+          class="cursor-pointer h-8 mr-4 mt-4 float-right"
+          v-if="isLoggedIn"
+          src="@/assets/members.png"
+          alt="Medlemmer"
+          @click="$router.push('/group/:id/memberlist')"
+      />
+    </div>
     <div class="mb-5 mt-5 border-b-2 border-blue-900">
       <label class="text-xl font-bold">Tøyenhus borettslag</label>
     </div>
@@ -41,7 +50,6 @@ export default {
   components: {
     ItemCard,
   },
-
   computed: {
     searchedItems() {
       let filteredItems = [];
@@ -56,6 +64,11 @@ export default {
       return filteredItems;
     },
   },
+  created() {
+    if(this.$store.state.user.token !== null){
+      this.isLoggedIn = true
+    }
+  },
 
   /**
    * Her må det lages en metode som henter alle items (i en gruppe) fra databasen.
@@ -65,6 +78,7 @@ export default {
 
   data() {
     return {
+      isLoggedIn: false,
       items: [
         { img: "", adresse: "Oslo", title: "Dyson", price: 1000 },
 
diff --git a/src/router/index.js b/src/router/index.js
index 163dc85..54b8828 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -93,7 +93,7 @@ const routes = [
     component: () => import("../views/CommunityViews/MyCommunitiesView.vue"),
   },
   {
-    path: "/groupHomePage",
+    path: "/community/:id",
     name: "GroupHome",
     component: () => import("../views/CommunityViews/CommunityHomeView.vue"),
     beforeEnter: guardRoute,
-- 
GitLab