diff --git a/src/assets/members.png b/src/assets/members.png new file mode 100644 index 0000000000000000000000000000000000000000..51775f6bead51014d3143631c292421752d024b6 Binary files /dev/null and b/src/assets/members.png differ diff --git a/src/components/CommunityComponents/CommunityHome.vue b/src/components/CommunityComponents/CommunityHome.vue index 1d973afa3cb94e1519b55b29ff5e81b14c53a4c0..08a1468f9527895c878bf65e634ed4166362cd3a 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 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 163dc85a54a6abf12fd6f9e988fd8079d48c9185..f78c5c3db73981e799e1ce8cdd4c296ae081317e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -93,10 +93,9 @@ const routes = [ component: () => import("../views/CommunityViews/MyCommunitiesView.vue"), }, { - path: "/groupHomePage", + path: "/community/:id", name: "GroupHome", component: () => import("../views/CommunityViews/CommunityHomeView.vue"), - beforeEnter: guardRoute, }, ];