Rename tweet added action, add error handler to feed container

Author: aLLeXUs

backend/app/Action/Tweet/AddTweetAction.php

@@ -7,7 +7,7 @@
 use App\Entity\Tweet;
 use App\Repository\TweetRepository;
 use Illuminate\Support\Facades\Auth;
-use App\Events\AddTweetEvent;
+use App\Events\TweetAddedEvent;
 
 final class AddTweetAction
 {
@@ -25,8 +25,8 @@ public function execute(AddTweetRequest $request): AddTweetResponse
         $tweet->text = $request->getText();
 
         $tweet = $this->tweetRepository->save($tweet);
-
-        broadcast(new AddTweetEvent($tweet))->toOthers();
+        
+        broadcast(new TweetAddedEvent($tweet))->toOthers();
 
         return new AddTweetResponse($tweet);
     }

backend/app/Events/AddTweetEvent.php backend/app/Events/TweetAddedEvent.phpbackend/app/Events/AddTweetEvent.php renamed to backend/app/Events/TweetAddedEvent.php

@@ -10,16 +10,18 @@
 use Illuminate\Broadcasting\InteractsWithSockets;
 use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
 use App\Entity\Tweet;
+use App\Http\Presenter\Tweet\TweetArrayPresenter;
+use Illuminate\Support\Facades\App;
 
-class AddTweetEvent implements ShouldBroadcast
+class TweetAddedEvent implements ShouldBroadcast
 {
     use Dispatchable, InteractsWithSockets, SerializesModels;
 
     public $tweet;
 
     public function __construct(Tweet $tweet)
     {
-        $this->tweet = $tweet;
+        $this->tweet = App::make(TweetArrayPresenter::class)->present($tweet);
     }
 
     public function broadcastAs(): string

frontend/src/api/Api.js

@@ -35,9 +35,7 @@ class Api {
                     const { response } = errorResponse;
 
                     if (!response) {
-                        return Promise.reject({
-                            message: 'Unexpected error!'
-                        });
+                        return Promise.reject(new Error('Unexpected error!'));
                     }
 
                     const error = response.data.errors[0];

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

@@ -31,10 +31,13 @@ import NoContent from '../../common/NoContent.vue';
 import NewTweetForm from './NewTweetForm.vue';
 import { pusher } from '@/services/Pusher';
 import { SET_TWEET } from '@/store/modules/tweet/mutationTypes';
+import showStatusToast from '@/components/mixin/showStatusToast';
 
 export default {
     name: 'FeedContainer',
 
+    mixins: [showStatusToast],
+
     components: {
         TweetPreviewList,
         NewTweetForm,
@@ -45,8 +48,12 @@ export default {
         isNewTweetModalActive: false,
     }),
 
-    created() {
-        this.fetchTweets();
+    async created() {
+        try {
+            await this.fetchTweets();
+        } catch (error) {
+            this.showErrorMessage(error.message)
+        }
 
         const channel = pusher.subscribe('private-tweets');
 

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

@@ -22,7 +22,6 @@ export default {
         tweets: [],
     }),
 
-
     async created() {
         try {
             this.tweets = await this.fetchTweetsByUserId(this.$route.params.id);