updates per feedbacks

Author: SebinSong

frontend/model/contracts/shared/functions.js

@@ -203,7 +203,7 @@ export const validateChatRoomName = (name: string) => {
   const nameValidationMap: {[string]: Function} = {
     [L('Chatroom name cannot contain white-space')]: (v: string): boolean => /\s/.test(v),
     [L('Chatroom name cannot contain capital letters')]: (v: string): boolean => /\p{Lu}/u.test(v),
-    [L('Chatroom name cannot contain punctuations or special characters except hyphen')]: (v: string): boolean => /[^\p{L}\p{N}-]/gu.test(v)
+    [L('Chatroom name cannot contain punctuation or special characters except hyphen')]: (v: string): boolean => /[^\p{L}\p{Nd}-]/u.test(v)
   }
 
   for (const key in nameValidationMap) {

frontend/views/containers/chatroom/CreateNewChannelModal.vue

@@ -24,7 +24,7 @@
           @blur='updateField("name")'
           v-error:name=''
         )
-        i18n.helper.with-icon(v-if='!$v.form.name.$error' tag='p') Channel name can't contain white spaces, special characters, capital letters or punctuations.
+        i18n.helper.with-icon(v-if='!$v.form.name.$error' tag='p') Channel name can't contain whitespace, special characters, capital letters or punctuation.
 
       label.field
         .c-desc-label-container

frontend/views/containers/chatroom/EditChannelNameModal.vue

@@ -24,7 +24,7 @@
           data-test='updateChannelName'
         )
 
-        i18n.helper.with-icon(v-if='!$v.form.name.$error' tag='p') Channel name can't contain white spaces, special characters, capital letters or punctuations.
+        i18n.helper.with-icon(v-if='!$v.form.name.$error' tag='p') Channel name can't contain whitespace, special characters, capital letters or punctuation.
 
       banner-scoped(ref='formMsg')
 

frontend/views/utils/filters.js

@@ -79,16 +79,16 @@ export const filterByKeyword = (
 }
 
 export const sanitizeChannelName = (name: string): string => {
-  return name.replace(/\s/g, '-') // Replace all whitespaces with '-'
+  return name.replace(/\s/g, '-') // Replace all whitespace with '-'
     .toLowerCase() // Convert to lowercase
     /*
       The regex below removes everything except:
       \p{L} - Any letter from any language
-      \p{N} - Any kind of numeric character
+      \p{Nd} - Any digit numbers
       '-'    - The hyphen (separator)
 
       Reference: Unicode character class escape -
       https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Unicode_character_class_escape
     */
-    .replace(/[^\p{L}\p{N}-]/gu, '')
+    .replace(/[^\p{L}\p{Nd}-]/gu, '')
 }