Merge branch 'new_community_icon' into 'main'

New Community icon added

See merge request !52

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>