fix: Fix CTA of notification setup automatic action - MEED-9256 - Meeds-io/meeds#3385 (#1903)

This PR will fix CTA of notification setup automatic action

(cherry picked from commit 4e59948)

Author: AzmiTouil

portlets/src/main/resources/locale/portlet/Challenges_en.properties

@@ -562,6 +562,7 @@ gamification.event.display.doItNow=Do it now!
 gamification.event.display.goThere=Go there
 gamification.event.display.yourProfile=Your Profile
 gamification.event.display.connectWithOthers=Connect with others
+gamification.event.display.profileNotificationSettingAdded=Update Settings
 gamification.event.display.joinSpaces=Join spaces
 gamification.event.display.browseActivities=Browse Activities
 gamification.event.display.connectAccount=Connect Account

portlets/src/main/webapp/vue-app/connector-events-extensions/components/profile/ProfileEvent.vue

@@ -47,21 +47,54 @@ export default {
       default: false
     }
   },
+  data() {
+    return {
+      eventTypes: {
+        NOTIFICATION_SETTING: ['addUserProfileNotificationSetting'],
+        RELATIONSHIP: ['receiveRelationshipRequest', 'sendRelationshipRequest'],
+      },
+    };
+  },
   computed: {
-    isProfileEvent() {
-      return !['receiveRelationshipRequest', 'sendRelationshipRequest'].includes(this.trigger);
+    eventType() {
+      if (this.eventTypes.NOTIFICATION_SETTING.includes(this.trigger)) {
+        return 'NOTIFICATION_SETTING';
+      }
+      if (this.eventTypes.RELATIONSHIP.includes(this.trigger)) {
+        return 'RELATIONSHIP';
+      }
+      return 'PROFILE';
     },
     profileLink() {
       return `${eXo.env.portal.context}/${eXo.env.portal.portalName}/profile/${eXo.env.portal.userName}`;
     },
     peopleLink() {
       return `${eXo.env.portal.context}/${eXo.env.portal.portalName}/people`;
     },
+    userNotificationSettingLink() {
+      return `${eXo.env.portal.context}/${eXo.env.portal.portalName}/settings#notifications`;
+    },
+    eventConfig() {
+      return {
+        NOTIFICATION_SETTING: {
+          button: this.$t('gamification.event.display.profileNotificationSettingAdded'),
+          link: this.userNotificationSettingLink
+        },
+        RELATIONSHIP: {
+          button: this.$t('gamification.event.display.connectWithOthers'),
+          link: this.peopleLink
+        },
+        PROFILE: {
+          button: this.$t('gamification.event.display.yourProfile'),
+          link: this.profileLink
+        }
+      };
+    },
     buttonLabel() {
-      return this.isProfileEvent ? this.$t('gamification.event.display.yourProfile') : this.$t('gamification.event.display.connectWithOthers');
+      return this.eventConfig[this.eventType].button;
     },
     buttonLink() {
-      return this.isProfileEvent ? this.profileLink : this.peopleLink;
+      return this.eventConfig[this.eventType].link;
     }
   }
 };