Merge branch 'main' of...

Merge branch 'main' of https://gitlab.stud.idi.ntnu.no/idatt2106_2022_02/boco-frontend into fix-userprofile-image

src/components/BaseComponents/FooterBar.vue

+<template>
+  <footer
+    class="w-full bg-white dark:bg-gray-800 sm:flex-row border-1 border-t border-b border-gray-600 h-10"
+  >
+    <p class="float-left text-xs my-3 ml-4">
+      © BoCo 2022 - All rights reserved
+    </p>
+    <QuestionMarkCircleIcon
+      class="md:mt-0 mt-1 mr-4 float-right cursor-pointer h-8 md:h-10 text-primary-medium"
+      alt="Hjelp"
+      @click="$router.push('/help')"
+    />
+  </footer>
+</template>
+
+<script>
+import { QuestionMarkCircleIcon } from "@heroicons/vue/outline";
+export default {
+  name: "FooterBar",
+
+  components: {
+    QuestionMarkCircleIcon,
+  },
+};
+</script>

src/views/CommunityViews/CommunityView.vue

 <template>
   <!-- My communities, with pagination -->
+  <div class="min-h-screen">
   <div v-if="loggedIn">
     <div class="flex flex-row p-4 relative">
       <div class="text-xl md:text-2xl text-primary-light font-medium w-full">
@@ -64,6 +65,8 @@
       class="my-4"
     />
   </div>
+    </div>
+    <FooterBar></FooterBar>
 </template>
 
 <script>
@@ -71,6 +74,7 @@ import CommunityList from "@/components/CommunityComponents/CommunityList.vue";
 import { UserAddIcon, SearchIcon } from "@heroicons/vue/outline";
 import PaginationTemplate from "@/components/BaseComponents/PaginationTemplate";
 import CommunityService from "@/services/community.service";
+import FooterBar from "@/components/BaseComponents/FooterBar";
 
 export default {
   name: "HomeView",
@@ -97,6 +101,7 @@ export default {
     UserAddIcon,
     PaginationTemplate,
     SearchIcon,
+    FooterBar,
   },
   computed: {
     searchPublicCommunities() {

src/views/TestView.vue

 <template>
-  <div></div>
+  <div>
+  </div>
 </template>
 
 <script>
+
 export default {
   data() {
     return {
       show: false,
     };
   },
-  components: {},
+  components: {
+  },
   methods: {
     toggleModal() {
       this.show = !this.show;