Room name limit set to 50 char

src/components/CreateRoom.vue

@@ -44,6 +44,8 @@
           <v-text-field
             v-model="roomName"
             color="black"
+            :rules="roomNamerules"
+            counter="50"
             background-color="white"
             v-on:keyup.enter="$refs.topic.focus()"
             :disabled="step > steps.INITIAL"
@@ -66,7 +68,7 @@
             depressed
             class="filled-button"
             @click.stop="onCreate"
-            :disabled="status ? true : roomName.length == 0"
+            :disabled="status ? true : roomName.length === 0 || roomName.length > 50"
             >
               <div v-if="status && !enterRoomDialog" class="text-center">
                 {{ status }}
@@ -294,7 +296,8 @@ export default {
         image: "",
         name: ""
       },
-      enterRoomDialog: false
+      enterRoomDialog: false,
+      roomNamerules: [v => v.length <= 50 || this.$t("new_room.room_name_limit_error_msg")],
     };
   },