diff --git a/src/components/ChatComponents/RentalMessage.vue b/src/components/ChatComponents/RentalMessage.vue index 693407e471342595ace6a722a3a17f78c7cc7291..df2823fec366f458226cb8c7b5d0bfeb9e701260 100644 --- a/src/components/ChatComponents/RentalMessage.vue +++ b/src/components/ChatComponents/RentalMessage.vue @@ -49,7 +49,7 @@ <script> import axios from "axios"; import { tokenHeader, parseCurrentUser } from "@/utils/token-utils"; -import { getItemPictures, } from "@/utils/apiutil"; +import { getItemPictures } from "@/utils/apiutil"; export default { props: { @@ -61,7 +61,7 @@ export default { data() { return { image: null, - } + }; }, computed: { userID() { @@ -113,8 +113,8 @@ export default { if (images.length > 0) { this.image = images[0].picture; } else { - this.image = "https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8dmlld3xlbnwwfHwwfHw%3D&w=1000&q=80"; - + this.image = + "https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8dmlld3xlbnwwfHwwfHw%3D&w=1000&q=80"; } }, }, diff --git a/src/components/CommunityComponents/CommunityList.vue b/src/components/CommunityComponents/CommunityList.vue index 7fb0387d636cf1f0c90df9d1f61f5002eb66e15c..136e50e6b7e9e26fd999f4575e84124185dd0bf8 100644 --- a/src/components/CommunityComponents/CommunityList.vue +++ b/src/components/CommunityComponents/CommunityList.vue @@ -1,6 +1,9 @@ <template> <!-- A list conatining all the communities --> - <p v-if="!communities.length" class="flex place-content-center text-gray-400 mt-8"> + <p + v-if="!communities.length" + class="flex place-content-center text-gray-400 mt-8" + > Ingen grupper </p> <ul v-else> diff --git a/src/components/CommunityComponents/CommunityListItem.vue b/src/components/CommunityComponents/CommunityListItem.vue index 35ba9971c4a05b73981a63b4a8d6c234f80eed46..bdbc170a9eb0dd0de0fb8a6ce1a1c6737de88325 100644 --- a/src/components/CommunityComponents/CommunityListItem.vue +++ b/src/components/CommunityComponents/CommunityListItem.vue @@ -54,10 +54,7 @@ v-if="!community.picture" class="h-10 w-10 flex flex-col justify-center items-center ml-2 mr-2" > - <UserGroupIcon - alt="Bilde" - class="h-10 w-10 text-primary-dark" - /> + <UserGroupIcon alt="Bilde" class="h-10 w-10 text-primary-dark" /> </div> <div v-else diff --git a/src/components/UserProfileComponents/UserItems.vue b/src/components/UserProfileComponents/UserItems.vue index 4088e430b28185272ad6d7e7eb6f736b1af61fa5..dd0ca9c8e80d0e0b320389321633aa4cf63763cd 100644 --- a/src/components/UserProfileComponents/UserItems.vue +++ b/src/components/UserProfileComponents/UserItems.vue @@ -40,13 +40,13 @@ :key="item" > <div class="w-full"> - <ItemCard - id="ItemCardPage" - class="ItemCard w-full h-full" - :item="item" - /> - </div> - <TripleDotButton class="DotButton" @click="openDotMenu(item)"/> + <ItemCard + id="ItemCardPage" + class="ItemCard w-full h-full" + :item="item" + /> + </div> + <TripleDotButton class="DotButton" @click="openDotMenu(item)" /> <div v-show="item.toggle" @@ -110,10 +110,13 @@ > <div class="cardContainer" v-for="item in searchedItems" :key="item"> <div class="w-full"> - <ItemCard id="ItemCardSearch" class="ItemCard w-full h-full" :item="item" /> + <ItemCard + id="ItemCardSearch" + class="ItemCard w-full h-full" + :item="item" + /> </div> - <TripleDotButton class="DotButton" @click="openDotMenu(item)"/> - + <TripleDotButton class="DotButton" @click="openDotMenu(item)" /> <div v-show="item.toggle" diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/community-list-item.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/community-list-item.spec.js.snap index 33c093ab0c3342ce0c318b824a3465f92648732f..d52b806eba9a5cd9dcc8828d4bb79948c834e6ee 100644 --- a/tests/unit/component-tests/community-component-tests/__snapshots__/community-list-item.spec.js.snap +++ b/tests/unit/component-tests/community-component-tests/__snapshots__/community-list-item.spec.js.snap @@ -14,7 +14,7 @@ exports[`CommunityListItem component renders correctly 1`] = ` > <img alt="Bilde" - class="rounded-md" + class="rounded-md h-14 w-14 object-contain" src="string" /> </div> diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap index 621d0dcb78d212b5bde0bced726a30dfedacf122..c1b47cc4abaff7cddcd9ae8b01245615c9e5b528 100644 --- a/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap +++ b/tests/unit/component-tests/community-component-tests/__snapshots__/community-list.spec.js.snap @@ -24,7 +24,7 @@ exports[`CommunityList component renders correctly 1`] = ` > <img alt="Bilde" - class="rounded-md" + class="rounded-md h-14 w-14 object-contain" src="string" /> </div> @@ -75,7 +75,7 @@ exports[`CommunityList component renders correctly 1`] = ` > <img alt="Bilde" - class="rounded-md" + class="rounded-md h-14 w-14 object-contain" src="string" /> </div>