diff --git a/luckydiamond/src/assets/css/ElementsStyles/chat.css b/luckydiamond/src/assets/css/ElementsStyles/chat.css
index a09d47a..ea82cee 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/chat.css
@@ -108,4 +108,9 @@
     border-radius: 6px;
     background: #3D3F48;
     border: none;
+    cursor: pointer;
+}
+
+.write__content button:disabled {
+    cursor: not-allowed;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/components/WritechatComponent.vue b/luckydiamond/src/components/WritechatComponent.vue
index 9b0be2b..60fbee3 100644
--- a/luckydiamond/src/components/WritechatComponent.vue
+++ b/luckydiamond/src/components/WritechatComponent.vue
@@ -1,15 +1,48 @@
 <template>
   <div class="write">
     <div class="write__content">
-      <input type="text" placeholder="Напишите сообщение...">
-      <button type="submit"><img src="@/assets/icons-chat/sendmsg-icon.png"></button>
+      <input type="text" v-model.trim="msg" placeholder="Напишите сообщение...">
+      <button
+          :disabled="CheckerforBtn()"
+          type="submit"
+          @click="SendmsgData"
+      >
+        <img src="@/assets/icons-chat/sendmsg-icon.png">
+      </button>
     </div>
   </div>
 </template>
 
 <script>
-export default {
+import ChatHistory from "@/mocks/ChatHistory";
 
+export default {
+  data() {
+    return {
+      msg: '',
+      username: 'TEST USER',
+      icon: '@/assets/icon-test/person-icon-chat.png'
+    }
+  },
+  methods: {
+    CheckerforBtn() {
+      return this.msg === ''
+    },
+    SendmsgData() {
+      const object = {
+        msg: this.msg,
+        username: this.username,
+        icon: this.icon
+      }
+
+      ChatHistory.push(object)
+      console.log(ChatHistory)
+
+      this.msg = ''
+
+      return this.$emit('dataclaim')
+    }
+  }
 }
 </script>
 
diff --git a/luckydiamond/src/mocks/ChatHistory.js b/luckydiamond/src/mocks/ChatHistory.js
new file mode 100644
index 0000000..7d85571
--- /dev/null
+++ b/luckydiamond/src/mocks/ChatHistory.js
@@ -0,0 +1,3 @@
+export default [
+
+]
\ No newline at end of file