diff --git a/src/components/CommunityComponents/CommunityHamburger.vue b/src/components/CommunityComponents/CommunityHamburger.vue
index 704b199bc9876af2f3a4e222d34269d2a33b4947..34c82b645697dce95fc6d42ce3e6ea75db622323 100644
--- a/src/components/CommunityComponents/CommunityHamburger.vue
+++ b/src/components/CommunityComponents/CommunityHamburger.vue
@@ -38,7 +38,6 @@
</template>
<script>
-
import { LeaveCommunity } from "@/utils/apiutil";
export default {
@@ -46,18 +45,18 @@ export default {
props: {
communityID: Number,
},
- data(){
- return{
+ data() {
+ return {
id: -1,
- }
+ };
},
- methods:{
- leaveCommunity: async function(){
+ methods: {
+ leaveCommunity: async function () {
this.id = await this.$router.currentRoute.value.params.communityID;
await LeaveCommunity(this.id);
- this.$router.push('/');
- }
- }
+ this.$router.push("/");
+ },
+ },
};
</script>
diff --git a/src/components/CommunityComponents/CommunityHome.vue b/src/components/CommunityComponents/CommunityHome.vue
index 4d38f647038c77ac982bcb1bbc12499b62ee4f9f..99e3e48a02cfe8ae489140457f9d8ee61f4ba37d 100644
--- a/src/components/CommunityComponents/CommunityHome.vue
+++ b/src/components/CommunityComponents/CommunityHome.vue
@@ -108,7 +108,7 @@ export default {
for (var i = 0; i < this.items.length; i++) {
let images = await getItemPictures(this.items[i].listingID);
console.log(images);
- if(images.length > 0) {
+ if (images.length > 0) {
this.items[i].img = images[0].picture;
}
}
diff --git a/src/components/CommunityComponents/NewCommunityForm.vue b/src/components/CommunityComponents/NewCommunityForm.vue
index 0ff311b931a4850608bcdfde0d5b851baffa6cee..fa6652b28bec742c631b401028466820a9108106 100644
--- a/src/components/CommunityComponents/NewCommunityForm.vue
+++ b/src/components/CommunityComponents/NewCommunityForm.vue
@@ -12,41 +12,41 @@
<!-- Radio boxes -->
<div class="mt-6">
<label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
- id="radioBoxLabel"
- >Synlighet</label
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+ id="radioBoxLabel"
+ >Synlighet</label
>
<div class="form-check">
<input
- class="form-check-input appearance-none rounded-full h-4 w-4 border border-gray-300 bg-white checked:bg-primary-medium checked:border-primary-medium focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
- type="radio"
- name="flexRadioDefault"
- id="flexRadioOpen"
- value="Ã…pen"
- @change="checkRadioButton($event)"
- checked
+ class="form-check-input appearance-none rounded-full h-4 w-4 border border-gray-300 bg-white checked:bg-primary-medium checked:border-primary-medium focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
+ type="radio"
+ name="flexRadioDefault"
+ id="flexRadioOpen"
+ value="Ã…pen"
+ @change="checkRadioButton($event)"
+ checked
/>
<label
- class="form-check-label inline-block text-gray-800"
- for="flexRadioOpen"
- id="radioBoxOpenLabel"
+ class="form-check-label inline-block text-gray-800"
+ for="flexRadioOpen"
+ id="radioBoxOpenLabel"
>
Ã…pen
</label>
</div>
<div class="form-check">
<input
- class="form-check-input appearance-none rounded-full h-4 w-4 border border-gray-300 bg-white checked:bg-primary-medium checked:border-primary-medium focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
- type="radio"
- name="flexRadioDefault"
- id="flexRadioPrivate"
- value="Privat"
- @change="checkRadioButton($event)"
+ class="form-check-input appearance-none rounded-full h-4 w-4 border border-gray-300 bg-white checked:bg-primary-medium checked:border-primary-medium focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
+ type="radio"
+ name="flexRadioDefault"
+ id="flexRadioPrivate"
+ value="Privat"
+ @change="checkRadioButton($event)"
/>
<label
- class="form-check-label inline-block text-gray-800"
- for="flexRadioPrivate"
- id="radioBoxPrivateLabel"
+ class="form-check-label inline-block text-gray-800"
+ for="flexRadioPrivate"
+ id="radioBoxPrivateLabel"
>
Privat
</label>
@@ -56,23 +56,23 @@
<!-- Title -->
<div class="mt-6" :class="{ error: v$.group.name.$errors.length }">
<label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
- id="titleLabel"
- >Gruppenavn</label
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+ id="titleLabel"
+ >Gruppenavn</label
>
<input
- type="text"
- id="title"
- class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
- v-model="v$.group.name.$model"
- required
+ type="text"
+ id="title"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
+ v-model="v$.group.name.$model"
+ required
/>
<!-- error message for title-->
<div
- class="text-error"
- v-for="(error, index) of v$.group.name.$errors"
- :key="index"
+ class="text-error"
+ v-for="(error, index) of v$.group.name.$errors"
+ :key="index"
>
<div class="text-error text-sm">
{{ error.$message }}
@@ -83,22 +83,22 @@
<!-- Place -->
<div class="mt-6" :class="{ error: v$.group.place.$errors.length }">
<label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
- id="positionLabel"
- >By/Sted</label
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+ id="positionLabel"
+ >By/Sted</label
>
<input
- type="text"
- class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
- v-model="v$.group.place.$model"
- required
+ type="text"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
+ v-model="v$.group.place.$model"
+ required
/>
<!-- error message for place-->
<div
- class="text-error"
- v-for="(error, index) of v$.group.place.$errors"
- :key="index"
+ class="text-error"
+ v-for="(error, index) of v$.group.place.$errors"
+ :key="index"
>
<div class="text-error text-sm">
{{ error.$message }}
@@ -109,23 +109,23 @@
<!-- Description -->
<div class="mt-6" :class="{ error: v$.group.description.$errors.length }">
<label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
- id="descriptionLabel"
- >Beskrivelse</label
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
+ id="descriptionLabel"
+ >Beskrivelse</label
>
<textarea
- id="description"
- rows="4"
- v-model="v$.group.description.$model"
- class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
- required
+ id="description"
+ rows="4"
+ v-model="v$.group.description.$model"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
+ required
></textarea>
<!-- error message for description -->
<div
- class="text-error"
- v-for="(error, index) of v$.group.description.$errors"
- :key="index"
+ class="text-error"
+ v-for="(error, index) of v$.group.description.$errors"
+ :key="index"
>
<div class="text-error text-sm">
{{ error.$message }}
@@ -136,19 +136,19 @@
<!-- Images -->
<div class="mt-6">
<label
- class="block mb-2 text-xl font-medium text-gray-900 dark:text-gray-400"
- id="imageLabel"
+ class="block mb-2 text-xl font-medium text-gray-900 dark:text-gray-400"
+ id="imageLabel"
>
Bilde
</label>
<input
- type="file"
- ref="file"
- style="display: none"
- @change="addImage"
- multiple
- accept="image/png, image/jpeg"
+ type="file"
+ ref="file"
+ style="display: none"
+ @change="addImage"
+ multiple
+ accept="image/png, image/jpeg"
/>
<!-- Button for adding an image -->
@@ -199,32 +199,32 @@ export default {
group: {
name: {
required: helpers.withMessage(
- () => "Navnt kan ikke være tom",
- required
+ () => "Navnt kan ikke være tom",
+ required
),
max: helpers.withMessage(
- () => `Navnet kan være på max 50 tegn`,
- maxLength(50)
+ () => `Navnet kan være på max 50 tegn`,
+ maxLength(50)
),
},
place: {
required: helpers.withMessage(
- () => "Stedsnavn kan ikke være tom",
- required
+ () => "Stedsnavn kan ikke være tom",
+ required
),
max: helpers.withMessage(
- () => `Stednavn kan være på max 50 tegn`,
- maxLength(50)
+ () => `Stednavn kan være på max 50 tegn`,
+ maxLength(50)
),
},
description: {
required: helpers.withMessage(
- () => "Beskrivelsen kan ikke være tom",
- required
+ () => "Beskrivelsen kan ikke være tom",
+ required
),
max: helpers.withMessage(
- () => `Beskrivelsen kan inneholde max 200 tegn`,
- maxLength(200)
+ () => `Beskrivelsen kan inneholde max 200 tegn`,
+ maxLength(200)
),
},
},
diff --git a/src/components/FormComponents/RegisterForm.vue b/src/components/FormComponents/RegisterForm.vue
index c79d4c0af2b58a9a901a908ac9d12490317d8584..994ec8567489beb3e1ac135cb192bd5260918f44 100644
--- a/src/components/FormComponents/RegisterForm.vue
+++ b/src/components/FormComponents/RegisterForm.vue
@@ -3,7 +3,8 @@
class="w-full max-w-md mx-auto mb-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4"
>
<div
- class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" id="registerLabel"
+ class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+ id="registerLabel"
>
Opprett ny konto
</div>
diff --git a/src/components/ItemComponents/ItemCard.vue b/src/components/ItemComponents/ItemCard.vue
index d18caa1cefffbfbe96a4d6fe4a26d48bfe107069..ac79861f7bf9eb7bbed3592b4420d440bc98e587 100644
--- a/src/components/ItemComponents/ItemCard.vue
+++ b/src/components/ItemComponents/ItemCard.vue
@@ -1,6 +1,8 @@
<template>
<div class="mt-5">
- <div class="w-4/5 rounded bg-gray-200 h-full overflow-hidden display:inline-block correct-size">
+ <div
+ class="w-4/5 rounded bg-gray-200 h-full overflow-hidden display:inline-block correct-size"
+ >
<img
class="w-full"
:src="item.img || require('../../assets/default-product.png')"
@@ -31,4 +33,3 @@ export default {
},
};
</script>
-
diff --git a/src/components/ItemComponents/NewItemForm.vue b/src/components/ItemComponents/NewItemForm.vue
index 40ed211d5bb5144aadc6da56d84c325f6d723e6d..f9f5f06e0e6a8fc5e610ee8cfc326a276d111e18 100644
--- a/src/components/ItemComponents/NewItemForm.vue
+++ b/src/components/ItemComponents/NewItemForm.vue
@@ -39,22 +39,22 @@
<!-- Select category -->
<div class="mb-6">
<label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
- id="selectCategoryLabel"
- >Kategori</label
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
+ id="selectCategoryLabel"
+ >Kategori</label
>
<select
- v-model="v$.item.select.$model"
- id="categories"
- class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
+ v-model="v$.item.select.$model"
+ id="categories"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
>
<option class="text-gray-400" value="" disabled selected>
Velg en kategori
</option>
<option
- v-for="category in categories"
- :key="category"
- class="text-gray-900 text-sm"
+ v-for="category in categories"
+ :key="category"
+ class="text-gray-900 text-sm"
>
{{ category }}
</option>
@@ -62,9 +62,9 @@
<!-- error message for select box -->
<div
- class="text-error"
- v-for="(error, index) of v$.item.select.$errors"
- :key="index"
+ class="text-error"
+ v-for="(error, index) of v$.item.select.$errors"
+ :key="index"
>
<div class="text-error text-sm">
{{ error.$message }}
@@ -74,22 +74,21 @@
<!-- Grupper -->
<div class="mb-6">
- <label
- class="block text-sm font-medium text-gray-900 dark:text-gray-400"
- >Grupper</label>
+ <label class="block text-sm font-medium text-gray-900 dark:text-gray-400"
+ >Grupper</label
+ >
<div
- class="overflow-auto w-full h-32 mt-2 text-base list-none bg-white rounded divide-y divide-gray-100 dark:bg-gray-700"
+ class="overflow-auto w-full h-32 mt-2 text-base list-none bg-white rounded divide-y divide-gray-100 dark:bg-gray-700"
>
<ul class="py-1" aria-labelledby="dropdownDefault">
<li>
<div class="form-check" v-for="group in groups" :key="group">
<input
-
- class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-primary-medium focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
- type="checkbox"
- :value="group.communityId"
- @change="onChangeGroup($event)"
- >
+ class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-primary-medium focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
+ type="checkbox"
+ :value="group.communityId"
+ @change="onChangeGroup($event)"
+ />
<label class="form-check-label inline-block text-gray-800">
{{ group.name }}
</label>
@@ -307,7 +306,7 @@ export default {
//Kategorier skal legges inn ved api/hente fra db, her må det endres etterhvert
categories: ["Hage", "Kjøkken", "Musikk", "Annet"],
groups: [],
- groupErrorMessage: '',
+ groupErrorMessage: "",
};
},
methods: {
@@ -316,7 +315,7 @@ export default {
this.v$.item.$touch();
if (this.v$.item.$invalid || this.item.selectedGroups.length === 0) {
- if(this.item.selectedGroups.length === 0){
+ if (this.item.selectedGroups.length === 0) {
this.groupErrorMessage = "Velg gruppe/grupper";
}
console.log("Invalid, avslutter...");
@@ -359,7 +358,7 @@ export default {
console.log("posted: " + postRequest);
- this.$router.push('/');
+ this.$router.push("/");
}
},
@@ -373,11 +372,11 @@ export default {
this.item.images.push(URL.createObjectURL(event.target.files[0]));
},
- getGroups: async function(){
+ getGroups: async function () {
this.groups = await getMyGroups();
},
- onChangeGroup: function(e){
+ onChangeGroup: function (e) {
this.selectedGroupId = e.target.value;
let alreadyInGroupList = false;
console.log("selected clicked");
@@ -392,15 +391,14 @@ export default {
}
}
- if(!alreadyInGroupList){
+ if (!alreadyInGroupList) {
this.item.selectedGroups.push(this.selectedGroupId);
this.groupErrorMessage = "";
}
-
},
},
beforeMount() {
this.getGroups();
- }
+ },
};
</script>
diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue
index b50cc23dd3d97c6c7b1325943bf2ce22cb56bafc..59308822724d89fc7749b0e1ed88afde4b316cea 100644
--- a/src/components/RentingComponents/ItemInfo.vue
+++ b/src/components/RentingComponents/ItemInfo.vue
@@ -1,7 +1,6 @@
<template>
<div>
- <new-rent v-if="confirm" :newRentBox="pushItem">
- </new-rent>
+ <new-rent v-if="confirm" :newRentBox="pushItem"> </new-rent>
</div>
<div v-if="!confirm">
<div>
@@ -87,7 +86,7 @@
</template>
<script>
-import NewRent from "@/components/RentingComponents/NewRent.vue"
+import NewRent from "@/components/RentingComponents/NewRent.vue";
import { getItem, getItemPictures, getUser } from "@/utils/apiutil";
import ImageCarousel from "@/components/RentingComponents/ImageCarousel.vue";
import UserListItemCard from "@/components/UserProfileComponents/UserListItemCard.vue";
@@ -108,9 +107,8 @@ export default {
userID: 0,
categoryNames: [],
communityIDs: [],
-
},
- pushItem:{
+ pushItem: {
listingID: 157,
title: "Heii",
price: 56,
@@ -137,16 +135,16 @@ export default {
ImageCarousel,
UserListItemCard,
DatepickerRange,
- NewRent
+ NewRent,
},
methods: {
- sendToConfirm(){
+ sendToConfirm() {
if (this.allowForRent) {
- this.confirm = true;
- this.createPushItem();
+ this.confirm = true;
+ this.createPushItem();
}
},
- createPushItem(){
+ createPushItem() {
this.pushItem.listingID = this.item.listingID;
this.pushItem.fromTime = this.rentingStartDate;
this.pushItem.toTime = this.rentingEndDate;
diff --git a/src/components/RentingComponents/NewRent.vue b/src/components/RentingComponents/NewRent.vue
index 347222779388524105af2850bc9270ad188734f5..32073aa24a66328935b56876748e554e8dc00925 100644
--- a/src/components/RentingComponents/NewRent.vue
+++ b/src/components/RentingComponents/NewRent.vue
@@ -29,25 +29,33 @@
required
></textarea>
</div>
- <button id="cancelButton" @click="cancelRent" class="text-primary-medium">Tilbake</button>
+ <button id="cancelButton" @click="cancelRent" class="text-primary-medium">
+ Tilbake
+ </button>
<div id="confirmButton">
<colored-button @click="sendRent" :text="'Send'"></colored-button>
</div>
</div>
<div>
- <notification-modal @click="routeToHome" :visible="confirmed" :title="'Vellykket'" :message="'Forespørsel sendt!'"> </notification-modal>
+ <notification-modal
+ @click="routeToHome"
+ :visible="confirmed"
+ :title="'Vellykket'"
+ :message="'Forespørsel sendt!'"
+ >
+ </notification-modal>
</div>
</template>
<script>
import ColoredButton from "@/components/BaseComponents/ColoredButton.vue";
import { postNewRent } from "@/utils/apiutil";
-import NotificationModal from "@/components/BaseComponents/NotificationModal.vue"
+import NotificationModal from "@/components/BaseComponents/NotificationModal.vue";
export default {
name: "NewRent",
components: {
ColoredButton,
- NotificationModal
+ NotificationModal,
},
data() {
return {
@@ -139,11 +147,11 @@ export default {
cancelRent() {
this.$router.go(0);
},
- routeToHome(){
- this.$router.push("/")
+ routeToHome() {
+ this.$router.push("/");
},
sendRent: async function () {
- const rent = {
+ const rent = {
renterId: 0,
message: this.message,
listingId: this.newRentBox.listingID,
diff --git a/src/router/index.js b/src/router/index.js
index bd5b22c584161bf91d389e83b5c694342f50627b..f9bc42df2a48bfc2c41262b4bcefcb4cebbeec86 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -105,14 +105,6 @@ const routes = [
name: "ItemInfo",
component: () => import("../views/RentingViews/ItemInfoPageView.vue"),
},
-
- {
- path: "/itempage/:id/confirm",
- name: "RentConfirm",
- props:true,
- component: () => import("../views/RentingViews/ConfirmRentView.vue"),
-
- }
];
const router = createRouter({
diff --git a/src/utils/apiutil.js b/src/utils/apiutil.js
index a0fb7ef394bb4888c12d0f2f7f4e44aed4821ce9..a49864af94949186bb90b327a95ad74cc4dc9d37 100644
--- a/src/utils/apiutil.js
+++ b/src/utils/apiutil.js
@@ -265,15 +265,15 @@ export async function GetIfUserAlreadyInCommunity(communityID) {
}
export async function LeaveCommunity(communityID) {
- return axios
- .patch(API_URL + "communities/" + communityID + "/leave", communityID, {
- headers: tokenHeader(),
- })
- .then((response) => {
- return response.data;
- })
- .catch((error) => {
- console.log(error.data);
- return error;
- });
+ return axios
+ .patch(API_URL + "communities/" + communityID + "/leave", communityID, {
+ headers: tokenHeader(),
+ })
+ .then((response) => {
+ return response.data;
+ })
+ .catch((error) => {
+ console.log(error.data);
+ return error;
+ });
}
diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index 2c988245f6333e1cf07dd2efba9a6055668bb9c3..b6643a00e413da9d9195fd6357c82876f19d5211 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -1,23 +1,27 @@
<template>
<div v-if="loggedIn">
<div class="flex flex-row p-4 relative">
- <div class="text-xl md:text-2xl text-gray-600 font-medium w-full">Mine grupper</div>
+ <div class="text-xl md:text-2xl text-gray-600 font-medium w-full">
+ Mine grupper
+ </div>
<UserAddIcon
- class="cursor-pointer max-h-6 max-w-6 float-right grow"
- @click="$router.push('/newCommunity')"
- alt="Opprett ny gruppe"
+ class="cursor-pointer max-h-6 max-w-6 float-right grow"
+ @click="$router.push('/newCommunity')"
+ alt="Opprett ny gruppe"
/>
</div>
- <CommunityList :communities="myCommunities" :member="true"/>
+ <CommunityList :communities="myCommunities" :member="true" />
</div>
- <p class="text-xl md:text-2xl text-gray-600 font-medium w-full p-4">Offentlige grupper</p>
- <CommunityList :communities="publicCommunities" :member="false"/>
+ <p class="text-xl md:text-2xl text-gray-600 font-medium w-full p-4">
+ Offentlige grupper
+ </p>
+ <CommunityList :communities="publicCommunities" :member="false" />
</template>
<script>
import CommunityList from "@/components/CommunityComponents/CommunityList.vue";
-import {getMyGroups, getVisibleGroups} from "@/utils/apiutil";
-import {UserAddIcon} from "@heroicons/vue/outline";
+import { getMyGroups, getVisibleGroups } from "@/utils/apiutil";
+import { UserAddIcon } from "@heroicons/vue/outline";
export default {
name: "HomeView",
@@ -41,7 +45,7 @@ export default {
// Remove all of the user's communities from the public communities arrays
this.publicCommunities = this.publicCommunities.filter(
- (val) => !this.myCommunities.includes(val)
+ (val) => !this.myCommunities.includes(val)
);
},
};
diff --git a/tests/unit/component-tests/community-component-tests/community-header.spec.js b/tests/unit/component-tests/community-component-tests/community-header.spec.js
index 84c03bcf42a854598edb236b4de23f26a902507e..91159a1232da99c64557d545283538488996e7a9 100644
--- a/tests/unit/component-tests/community-component-tests/community-header.spec.js
+++ b/tests/unit/component-tests/community-component-tests/community-header.spec.js
@@ -1,6 +1,6 @@
import { mount } from "@vue/test-utils";
import CommunityHeader from "@/components/CommunityComponents/CommunityHeader.vue";
-import { route, router, $route, $router } from "../../mock-router"
+import { route, router, $route, $router } from "../../mock-router";
describe("CommunityHeader component", () => {
let wrapper;
@@ -25,8 +25,8 @@ describe("CommunityHeader component", () => {
router,
$route,
$router,
- }
- }
+ },
+ },
});
});