Merge branch 'search_item_fix' into 'main'

Fixed search items view

See merge request !166

src/components/CommunityComponents/CommunityHome.vue

@@ -55,7 +55,7 @@
 
             <!-- Shows items based on search field input -->
             <div
-              class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full place-items-center"
+              class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full"
               v-if="showSearchedItems"
             >
               <ItemCard

src/components/UserAuthComponents/NewPasswordForm.vue

@@ -15,8 +15,7 @@
       id="oldPasswordField"
       :class="{ error: v$.user.oldPassword.$errors.length }"
     >
-      <label
-        class="block text-sm text-gray-800 dark:text-gray-200"
+      <label class="block text-sm text-gray-800 dark:text-gray-200"
         >Gammelt passord</label
       >
       <input
@@ -42,8 +41,7 @@
       class="mt-4"
       :class="{ error: v$.user.password.$errors.length }"
     >
-      <label
-        class="block text-sm text-gray-800 dark:text-gray-200"
+      <label class="block text-sm text-gray-800 dark:text-gray-200"
         >Nytt passord</label
       >
       <input
@@ -70,8 +68,7 @@
       :class="{ error: v$.user.rePassword.$errors.length }"
     >
       <div class="flex items-center justify-between">
-        <label
-          class="block text-sm text-gray-800 dark:text-gray-200"
+        <label class="block text-sm text-gray-800 dark:text-gray-200"
           >Gjenta nytt passord</label
         >
       </div>

src/components/UserAuthComponents/RegisterForm.vue

@@ -182,7 +182,6 @@ import {
 import Button from "@/components/BaseComponents/ColoredButton";
 import UserService from "@/services/user.service";
 
-
 export default {
   components: {
     Button,

src/components/UserProfileComponents/UserItems.vue

@@ -111,10 +111,15 @@
 
       <!-- Shows items based on search field input -->
       <div
-        class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full place-items-center"
+        class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full"
         v-if="showSearchedItems"
       >
-        <div class="cardContainer" v-for="item in searchedItems" :key="item">
+        <div
+          class="cardContainer"
+          id="item"
+          v-for="item in searchedItems"
+          :key="item"
+        >
           <div class="w-full">
             <ItemCard
               id="ItemCardSearch"

src/router/index.js

@@ -152,10 +152,7 @@ const routes = [
    * Catch all for wrong/non-existing routes
    * Must be last to catch all
    */
-  { path: "/:pathMatch(.*)*",
-    name: "not-found",
-    component: NotFound
-  },
+  { path: "/:pathMatch(.*)*", name: "not-found", component: NotFound },
 ];
 
 const router = createRouter({

tests/unit/component-tests/base-component-tests/color-button.spec.js

@@ -16,7 +16,7 @@ describe("ColoredButtonComponent", () => {
   it("renders correctly", () => {
     expect(wrapper.element).toMatchSnapshot();
   });
-  
+
   it("is instantiated", () => {
     expect(wrapper.exists()).toBeTruthy();
   });

tests/unit/component-tests/base-component-tests/footer-bar.spec.js

@@ -15,4 +15,4 @@ describe("FooterBar component", () => {
   it("is instantiated", () => {
     expect(wrapper.exists()).toBeTruthy();
   });
-});
+});
\ No newline at end of file

tests/unit/component-tests/base-component-tests/form-image-display.spec.js

@@ -8,7 +8,7 @@ describe("FormImageDisplay component", () => {
     wrapper = mount(FormImageDisplay, {
       //passing prop to component
       props: {
-          image: "http://localhost:3000/api/images/5"
+        image: "http://localhost:3000/api/images/5",
       },
     });
   });
@@ -20,4 +20,4 @@ describe("FormImageDisplay component", () => {
   it("is instantiated", () => {
     expect(wrapper.exists()).toBeTruthy();
   });
-});
+});
\ No newline at end of file

tests/unit/component-tests/base-component-tests/triple-dot-button.spec.js

@@ -15,4 +15,4 @@ describe("TripleDotButton component", () => {
   it("is instantiated", () => {
     expect(wrapper.exists()).toBeTruthy();
   });
-});
+});
\ No newline at end of file