Member list icon and functionality

src/components/CommunityComponents/CommunityHome.vue

@@ -2,7 +2,7 @@
   <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"
+          class="cursor-pointer h-8  float-right"
           v-if="isLoggedIn"
           src="@/assets/members.png"
           alt="Medlemmer"

src/views/CommunityViews/CommunityView.vue

 <template>
   <div>
-    <div id="myGroups">
-      <div>Mine grupper:</div>
+    <img
+        class="cursor-pointer h-8 mr-4 mt-4 float-right"
+        v-if="isLoggedIn"
+        src="@/assets/newCommunity.png"
+        alt="Legg til gruppe"
+        @click="$router.push('/createNewGroup')"
+    />
+  </div>
+  <div>
+    <div id="myGroups" v-if="isLoggedIn">
+      <div class="m-4" >Mine grupper:</div>
       <group-list :groupList="myGroups" />
     </div>
     <div id="localGroups">
-      <div>Offentlige grupper:</div>
+      <div class="m-4">Offentlige grupper:</div>
       <group-list :groupList="localGroups" />
     </div>
   </div>
+
 </template>
 
 <script>
@@ -19,6 +29,7 @@ export default {
   name: "HomeView",
   data() {
     return {
+      isLoggedIn: false,
       myGroups: [],
       localGroups: [],
     };
@@ -37,6 +48,9 @@ export default {
   async created() {
     await this.getMyGroups();
     await this.getPotentialGroups();
-  },
+    if(this.$store.state.user.token !== null){
+      this.isLoggedIn = true
+    }
+    },
 };
 </script>