use real user images not offline sample

Author: supalarry

frontend/src/components/app/users/User.vue

@@ -3,12 +3,11 @@
   <div class="sm:mx-16 lg:mx-32">
     <NavBar v-bind:currentRoute="'Browse'"></NavBar>
     <section class="mx-auto">
-<!--      <UserImages v-bind:images="user.images"></UserImages>-->
       <div v-on:click="goBack()" class="sort-button ml-auto rounded-md text-lg w-12 mr-4 mb-4">
         <h1 class="noSelect">←</h1>
       </div>
       <div v-if="user" class="md:flex md:items-start">
-        <UserImages class="md:w-1/2 md:order-2 md:rounded-md"></UserImages>
+        <UserImages v-bind:images="user.images" class="md:w-1/2 md:order-2 md:rounded-md"></UserImages>
         <UserProfile class="md:w-1/2 md:order-1" v-bind:user="user"></UserProfile>
       </div>
     </section>

frontend/src/components/app/users/UserImages.vue

@@ -38,13 +38,9 @@
 </template>
 
 <script>
-import imageMan from '@/assets/recommendations/avatars/man1.png';
-import imageWoman from '@/assets/recommendations/avatars/woman1.png';
-
 export default {
-  // props: ['images'],
+  props: ['images'],
   data: () => ({
-    images: [{ url: imageMan, id: 0 }, { url: imageWoman, id: 1 }],
     currentImage: 0,
     imagesCount: 0,
   }),
@@ -63,7 +59,7 @@ export default {
       this.currentImage = index;
     },
     getImage() {
-      return this.images[this.currentImage].url;
+      return this.images[this.currentImage].link;
     },
   },
   beforeMount() {