From a708a2359eda205ea28cd8ec99e1fe469ddddf2f Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 8 Jun 2023 09:07:58 +0200
Subject: [PATCH] Play clap reaction locally when sending

---
 src/components/AudioLayout.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/AudioLayout.vue b/src/components/AudioLayout.vue
index 3a6d74e..d796d38 100644
--- a/src/components/AudioLayout.vue
+++ b/src/components/AudioLayout.vue
@@ -69,7 +69,7 @@
 
     <div class="load-later">
       <div style="align-self: flex-end;">
-        <v-btn class="clap-button" text elevation="0" v-blur @click.stop="clapButtonClicked()">👏</v-btn>
+        <v-btn class="clap-button clickable" text elevation="0" v-blur @click.stop="clapButtonClicked()">👏</v-btn>
         <v-btn :class="{'mic-button': true, 'dimmed': !canRecordAudio}" ref="mic_button" fab small elevation="0" v-blur
           @click.stop="micButtonClicked()">
           <v-icon color="white">mic</v-icon>
@@ -427,6 +427,12 @@ export default {
     clapButtonClicked() {
       if (this.currentAudioEvent) {
         this.$emit("sendclap", { event: this.currentAudioEvent, timeOffset: this.currentTimeMs })
+
+        // Also, play locally
+        this.audioPlaybackReaction({
+          sender: this.$matrix.currentUserId,
+          emoji: "👏"
+        });
       }
     }
   }