From 9df6e0aad6aebe4e0d2397b52afcecf0db540475 Mon Sep 17 00:00:00 2001
From: MayTekayaa <100131287+MayTekayaa@users.noreply.github.com>
Date: Wed, 6 Sep 2023 15:23:10 +0100
Subject: [PATCH 1/3] fix: Improve the toolbar post CTA - MEED-2401 -
 Meeds-io/MIPs#54 (#336)

This change will adjust the composer send kudos button.
---
 .../webapp/vue-app/kudos/components/SendKudosToolbarAction.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosToolbarAction.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosToolbarAction.vue
index 662013863..80b9dfc15 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosToolbarAction.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosToolbarAction.vue
@@ -1,7 +1,8 @@
 <template>
   <v-btn
+    id="kudosBtnToolbar"
     :ripple="false"
-    class="d-flex flex-row align-center py-2"
+    class="d-flex flex-row align-center py-2 px-3"
     text
     @click="openSendKudosDrawer">
     <v-icon

From ea965bdf134c62235e6d75bb4046939af62a8a23 Mon Sep 17 00:00:00 2001
From: MayTekayaa <100131287+MayTekayaa@users.noreply.github.com>
Date: Tue, 5 Sep 2023 14:30:27 +0100
Subject: [PATCH 2/3] fix: Remove placeholder when editing an activity -
 MEED-2444 - Meeds-io/MIPs#54

This change will adjust the box of the send kudos action inside of the composer extension.
---
 .../kudos/components/SendKudosComposer.vue    | 31 ++++++++++++-------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosComposer.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosComposer.vue
index 938663a60..afb22f450 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosComposer.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/SendKudosComposer.vue
@@ -1,16 +1,23 @@
 <template>
-  <div
-    class="d-flex flex-row align-center" 
-    @click="openSendKudosDrawer">
-    <v-icon
-      color="primary"
-      size="50">
-      fa-award
-    </v-icon>
-    <v-span class="caption font-weight-bold ms-5">
-      {{ $t('exoplatform.kudos.title.sendAKudos') }}
-    </v-span>
-  </div>
+  <v-card
+    id="sendKudosComposerButton"
+    class="mx-4 mb-3 px-6 py-3"
+    outlined 
+    flat 
+    hover>
+    <div
+      class="d-flex flex-row align-center" 
+      @click="openSendKudosDrawer">
+      <v-icon
+        color="primary"
+        size="50">
+        fa-award
+      </v-icon>
+      <v-span class="caption font-weight-bold ms-5">
+        {{ $t('exoplatform.kudos.title.sendAKudos') }}
+      </v-span>
+    </div>
+  </v-card>
 </template>
 <script>
 export default {

From b5f39a83b69a72f3b0a8fec3500f6703923b7264 Mon Sep 17 00:00:00 2001
From: MayTekayaa <100131287+MayTekayaa@users.noreply.github.com>
Date: Tue, 5 Sep 2023 16:46:57 +0100
Subject: [PATCH 3/3] fix: Fix the send kudos button activation - MEED-2443 -
 Meeds-io/MIPs#54 (#335)

This change will fix the send kudos button activation.
---
 .../src/main/webapp/vue-app/kudos/components/KudosApp.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue
index 693033fed..5154b16a2 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue
@@ -305,7 +305,7 @@ export default {
       return this.numberOfKudosAllowed - this.remainingKudos;
     },
     sendButtonDisabled() {
-      return !this.kudosMessageText|| this.kudosMessageTextLength > this.MESSAGE_MAX_LENGTH || this.kudosMessageValidityLabel || !this.selectedReceiver;
+      return !this.kudosMessageText|| this.kudosMessageTextLength > this.MESSAGE_MAX_LENGTH || this.kudosMessageValidityLabel || (this.readOnlySpace && !this.selectedReceiver);
     },
     remainingPeriodLabel() {
       return this.remainingDaysToReset === 1 ? this.$t('exoplatform.kudos.label.day') : this.$t('exoplatform.kudos.label.days') ;