Merge pull request #53 from BinaryStudioAcademy/feature/users-page

Feature/users page

Author: nemoipaha

frontend/.env.example

@@ -1 +1 @@
-VUE_APP_API_URL=
+VUE_APP_API_URL=http://localhost:7777/api/v1

frontend/src/components/common/TweetPreview.vue

@@ -2,10 +2,17 @@
     <div class="tweet box" @click="$emit('click', tweet)">
         <article class="media">
             <figure class="media-left">
-                <p class="image is-64x64 is-square" v-if="tweet.author.avatar">
+                <router-link
+                    v-if="tweet.author.avatar"
+                    class="image is-64x64 is-square"
+                    :to="{ name: 'user-page', params: { id: tweet.author.id } }"
+                >
                     <img class="is-rounded" :src="tweet.author.avatar" alt="Author avatar">
-                </p>
-                <DefaultAvatar v-else class="image is-64x64" :user="tweet.author" />
+                </router-link>
+
+                <router-link v-else :to="{ name: 'user-page', params: { id: tweet.author.id } }">
+                    <DefaultAvatar class="image is-64x64" :user="tweet.author" />
+                </router-link>
             </figure>
 
             <div class="media-content">

frontend/src/components/view/tweet/Comment.vue

@@ -1,9 +1,12 @@
 <template>
     <article class="media">
         <figure class="media-left">
-            <p class="image is-48x48 is-square">
+            <router-link
+                class="image is-48x48 is-square"
+                :to="{ name: 'user-page', params: { id: comment.author.id } }"
+            >
                 <img class="is-rounded" :src="comment.author.avatar">
-            </p>
+            </router-link>
         </figure>
         <div class="media-content">
             <div class="content">