Skip to content
Snippets Groups Projects
Commit 0b7445ed authored by Zara Mudassar's avatar Zara Mudassar
Browse files

Added comments

parent 00d865fb
No related branches found
No related tags found
1 merge request!58Community home view
Pipeline #177746 passed
<template> <template>
<section class="relative w-full max-w-md px-5 py-4 mx-auto rounded-md"> <section class="relative w-full max-w-md px-5 py-4 mx-auto rounded-md">
<!-- Community name header -->
<div class="mb-5 mt-5 border-b-2 border-blue-900"> <div class="mb-5 mt-5 border-b-2 border-blue-900">
<label class="text-xl font-bold">{{ community.name }}</label> <label class="text-xl font-bold">{{ community.name }}</label>
</div> </div>
<!-- Search field -->
<div class="relative" id="searchComponent"> <div class="relative" id="searchComponent">
<span class="absolute inset-y-0 left-0 flex items-center pl-3"> <span class="absolute inset-y-0 left-0 flex items-center pl-3">
<svg class="w-5 h-5 text-gray-400" viewBox="0 0 24 24" fill="none"> <svg class="w-5 h-5 text-gray-400" viewBox="0 0 24 24" fill="none">
...@@ -25,6 +29,7 @@ ...@@ -25,6 +29,7 @@
/> />
</div> </div>
<!-- Item cards -->
<div class="absolute inset-x-0 px-6 py-3 mt-4"> <div class="absolute inset-x-0 px-6 py-3 mt-4">
<div class="grid grid-cols-2"> <div class="grid grid-cols-2">
<ItemCard v-for="item in searchedItems" :key="item" :item="item" /> <ItemCard v-for="item in searchedItems" :key="item" :item="item" />
...@@ -76,7 +81,6 @@ export default { ...@@ -76,7 +81,6 @@ export default {
getCommunityFromAPI: async function (){ getCommunityFromAPI: async function (){
this.communityID = await this.$router.currentRoute.value.params.communityID; this.communityID = await this.$router.currentRoute.value.params.communityID;
this.community = await GetCommunity(this.communityID); this.community = await GetCommunity(this.communityID);
console.log("community: " + this.community.name);
}, },
getListingsOfCommunityFromAPI: async function(){ getListingsOfCommunityFromAPI: async function(){
this.communityID = await this.$router.currentRoute.value.params.communityID; this.communityID = await this.$router.currentRoute.value.params.communityID;
......
...@@ -54,5 +54,5 @@ describe("testing mocking of apiutil.js", () => { ...@@ -54,5 +54,5 @@ describe("testing mocking of apiutil.js", () => {
const communityItemResponse = await GetListingsInCommunity(4040); const communityItemResponse = await GetListingsInCommunity(4040);
expect(communityItemResponse).toBe(expectedResponse); expect(communityItemResponse).toBe(expectedResponse);
}); })
}); });
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment