Handle not found user case

AhmedHelalAhmed · Mar 6, 2022 · d581ca4 · d581ca4
1 parent 88e4823
commit d581ca4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/public/js/app.js b/public/js/app.js
@@ -20580,7 +20580,11 @@ var render = function () {
             _vm.userLoading
               ? _c("p", [_vm._v("Loading user...")])
               : _c("p", { staticClass: "text-2xl  text-gray-100 ml-4" }, [
-                  _vm._v(_vm._s(_vm.user.data.attributes.name)),
+                  _vm._v(
+                    _vm._s(
+                      _vm.user ? _vm.user.data.attributes.name : "Not Found"
+                    )
+                  ),
                 ]),
           ]
         ),
@@ -20592,7 +20596,7 @@ var render = function () {
             return _c("post", { key: post.data.post_id, attrs: { post: post } })
           }),
       _vm._v(" "),
-      !_vm.postsLoading && _vm.posts.length < 1
+      !_vm.postsLoading && (!_vm.posts || _vm.posts.length < 1)
         ? _c("p", [_vm._v("\n        No posts found. Get Started...\n    ")])
         : _vm._e(),
     ],
@@ -38016,8 +38020,8 @@ __webpack_require__.r(__webpack_exports__);
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(/*! /var/www/html/facebook-clone-laravel/resources/js/app.js */"./resources/js/app.js");
-module.exports = __webpack_require__(/*! /var/www/html/facebook-clone-laravel/resources/sass/app.scss */"./resources/sass/app.scss");
+__webpack_require__(/*! /var/www/app/resources/js/app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! /var/www/app/resources/sass/app.scss */"./resources/sass/app.scss");
 
 
 /***/ })

diff --git a/resources/js/views/Users/Show.vue b/resources/js/views/Users/Show.vue
@@ -14,12 +14,12 @@
                          class="w-32 h-32 object-cover border-4 border-gray-200 rounded-full shadow-lg">
                 </div>
                 <p v-if="userLoading">Loading user...</p>
-                <p v-else class="text-2xl  text-gray-100 ml-4">{{ user.data.attributes.name }}</p>
+                <p v-else class="text-2xl  text-gray-100 ml-4">{{ user ? user.data.attributes.name : 'Not Found' }}</p>
             </div>
         </div>
         <p v-if="postsLoading">Loading posts...</p>
         <post v-else v-for="post in posts" :post="post" :key="post.data.post_id"></post>
-        <p v-if="!postsLoading && posts.length <1 ">
+        <p v-if="!postsLoading && (!posts || posts.length <1) ">
             No posts found. Get Started...
         </p>
     </div>