Merge pull request #64 from BinaryStudioAcademy/feature/no-content-fix

Refactor feed container, add user container no content exists logic

Author: nemoipaha

frontend/src/components/view/feed/FeedContainer.vue

@@ -14,8 +14,6 @@
             </b-button>
         </div>
 
-        <NoContent :show="!tweets.length" title="No tweets yet :)" />
-
         <TweetPreviewList :tweets="tweets" />
 
         <b-modal :active.sync="isNewTweetModalActive" has-modal-card>
@@ -27,7 +25,6 @@
 <script>
 import { mapGetters, mapActions } from 'vuex';
 import TweetPreviewList from '../../common/TweetPreviewList.vue';
-import NoContent from '../../common/NoContent.vue';
 import NewTweetForm from './NewTweetForm.vue';
 import { pusher } from '@/services/Pusher';
 import { SET_TWEET } from '@/store/modules/tweet/mutationTypes';
@@ -41,7 +38,6 @@ export default {
     components: {
         TweetPreviewList,
         NewTweetForm,
-        NoContent
     },
 
     data: () => ({

frontend/src/components/view/user/UserContainer.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="user-container">
         <TweetPreviewList :tweets="tweets" />
-        <NoContent :show="!tweets.length" title="No tweets yet :)" />
+        <NoContent :show="noContent" title="No tweets yet :)" />
     </div>
 </template>
 
@@ -20,11 +20,16 @@ export default {
 
     data: () => ({
         tweets: [],
+        noContent: false
     }),
 
     async created() {
         try {
             this.tweets = await this.fetchTweetsByUserId(this.$route.params.id);
+
+            if (!this.tweets.length) {
+                this.noContent = true;
+            }
         } catch (error) {
             console.error(error.message);
         }