Added message when there will be no notification for group (#9856)

* Added message when there will be no notification for group

* Added constant and removed extra locale

* Added back message

website/client/assets/scss/colors.scss

@@ -60,6 +60,9 @@ $green-50: #3FDAA2;
 $green-100: #5AEAB2;
 $green-500: #A6FFDF;
 
+$orange-10: #ee9109;
+$orange-50: #bf7d1a;
+
 $suggested-item-color: #D5C8FF;
 
 $healer-color: #cf8229;

website/client/components/groups/group.vue

@@ -38,6 +38,9 @@
           .col-6.chat-send-actions
             button.btn.btn-secondary.send-chat.float-right(v-once, @click='sendMessage()') {{ $t('send') }}
         community-guidelines
+        .row(v-if='showNoNotificationsMessage')
+          .col-12.no-notifications
+            | {{$t('groupNoNotifications')}}
         .row
           .col-12.hr
           chat-message(:chat.sync='group.chat', :group-id='group._id', :group-name='group.name')
@@ -297,6 +300,17 @@
     text-align: center;
     margin: 2em 0;
   }
+
+  .no-notifications {
+    border-radius: 4px;
+    border: solid 1px $orange-10;
+    padding: 1em;
+    margin-top: 3em;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    color: $orange-50;
+  }
 </style>
 
 <script>
@@ -426,6 +440,9 @@ export default {
       if (!this.group.challenges) return false;
       return this.group.challenges.length === 0;
     },
+    showNoNotificationsMessage () {
+      return this.group.memberCount > this.$store.state.constants.LARGE_GROUP_COUNT_MESSAGE_CUTOFF;
+    },
   },
   mounted () {
     if (this.isParty) this.searchId = 'party';

website/common/locales/en/groups.json

@@ -205,7 +205,6 @@
   "partyOnName": "Party On",
   "partyUpText": "Joined a Party with another person! Have fun battling monsters and supporting each other.",
   "partyOnText": "Joined a Party with at least four people! Enjoy your increased accountability as you unite with your friends to vanquish your foes!",
-  "largeGroupNote": "Note: This Guild is now too large to support notifications! Be sure to check back every day to see new messages.",
   "groupIdRequired": "\"groupId\" must be a valid UUID",
   "groupNotFound": "Group not found or you don't have access.",
   "groupTypesRequired": "You must supply a valid \"type\" query string.",
@@ -421,5 +420,6 @@
   "wouldYouParticipate": "Would you like to participate?",
   "managerAdded": "Manager added successfully",
   "managerRemoved": "Manager removed successfully",
-  "leaderChanged": "Leader has been changed"
+  "leaderChanged": "Leader has been changed",
+  "groupNoNotifications": "This Guild does not have notifications due to member size. Be sure to check back often for replies to your messages!"
 }