Make chatbox label use room name from store

src/components/application/ptplayer.vue

@@ -57,7 +57,7 @@
         </transition>
       </div>
       <div class="messages-wrapper" v-if="$vuetify.breakpoint.mdAndDown">
-        <messages :ptRoom="'room'"></messages>
+        <messages></messages>
       </div>
       <v-dialog v-model="dialog" width="350">
         <v-card>

src/components/messages.vue

@@ -10,7 +10,7 @@
     <v-flex xs12>
       <v-text-field
         prepend-icon="message"
-        :label="'Send a message to ' + '#' + ptRoom"
+        :label="chatboxLabel"
         hide-details
         single-line
         class="ma-0 ml-1 pr-1 wideinput"
@@ -32,7 +32,6 @@ export default {
   components: {
     message
   },
-  props: ['ptRoom'],
   data() {
     return {
       messageToBeSent: '',
@@ -54,8 +53,8 @@ export default {
     messages() {
       return this.$store.getters.getMessages;
     },
-    chatBoxMessage() {
-      return `Message ${this.$store.getters.getRoom}`;
+    chatboxLabel() {
+      return `Send a message to #${this.$store.getters.getRoom}`;
     },
   },
   methods: {

src/sidebar.vue

@@ -92,7 +92,7 @@
         </v-list>
       </v-flex>
       <v-flex xs12 style="position: relative; height: 50vh; max-height: 50vh">
-        <messages :ptRoom="ptRoom" v-if="$vuetify.breakpoint.lgAndUp"></messages>
+        <messages v-if="$vuetify.breakpoint.lgAndUp"></messages>
       </v-flex>
     </v-layout>
   </v-container>