fix: add signed event to reactionEvents array even before publishing so that UI can be updated immediately

src/pages/mod.tsx

@@ -1882,13 +1882,15 @@ const Reactions = ({ modDetails }: ReactionsProps) => {
         ?.signEvent(unsignedEvent)
         .then((event) => event as Event)
         .catch((err) => {
-          toast.error('Failed to sign the event!')
+          toast.error('Failed to sign the reaction event!')
           log(true, LogType.Error, 'Failed to sign the event!', err)
           return null
         })
 
       if (!signedEvent) return
 
+      setReactionEvents((prev) => [...prev, signedEvent])
+
       const publishedOnRelays = await RelayController.getInstance().publish(
         signedEvent as Event,
         modDetails.author,
@@ -1896,11 +1898,13 @@ const Reactions = ({ modDetails }: ReactionsProps) => {
       )
 
       if (publishedOnRelays.length === 0) {
-        toast.error('Failed to publish reaction event on any relay')
+        log(
+          true,
+          LogType.Error,
+          'Failed to publish reaction event on any relay'
+        )
         return
       }
-
-      setReactionEvents((prev) => [...prev, signedEvent])
     } finally {
       setIsReactionInProgress(false)
     }