From a8198fba36cb2b13397af055d090cd7c3c5af5fe Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 19 Nov 2023 15:50:14 +0300
Subject: [PATCH] refactor code for send and claim data msg

---
 .../src/components/WritechatComponent.vue     | 15 ++-------------
 luckydiamond/src/mocks/ChatHistory.js         |  3 ---
 luckydiamond/src/pages/ChatElement.vue        | 19 +++++++++++++------
 3 files changed, 15 insertions(+), 22 deletions(-)
 delete mode 100644 luckydiamond/src/mocks/ChatHistory.js

diff --git a/luckydiamond/src/components/WritechatComponent.vue b/luckydiamond/src/components/WritechatComponent.vue
index 60fbee3..eab3f33 100644
--- a/luckydiamond/src/components/WritechatComponent.vue
+++ b/luckydiamond/src/components/WritechatComponent.vue
@@ -14,14 +14,13 @@
 </template>
 
 <script>
-import ChatHistory from "@/mocks/ChatHistory";
 
 export default {
   data() {
     return {
       msg: '',
       username: 'TEST USER',
-      icon: '@/assets/icon-test/person-icon-chat.png'
+      icon: require('../assets/icons-test/person-icon-chat.png'),
     }
   },
   methods: {
@@ -29,18 +28,8 @@ export default {
       return this.msg === ''
     },
     SendmsgData() {
-      const object = {
-        msg: this.msg,
-        username: this.username,
-        icon: this.icon
-      }
-
-      ChatHistory.push(object)
-      console.log(ChatHistory)
-
+      this.$emit('send', [this.msg, this.username, this.icon])
       this.msg = ''
-
-      return this.$emit('dataclaim')
     }
   }
 }
diff --git a/luckydiamond/src/mocks/ChatHistory.js b/luckydiamond/src/mocks/ChatHistory.js
deleted file mode 100644
index 7d85571..0000000
--- a/luckydiamond/src/mocks/ChatHistory.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default [
-
-]
\ No newline at end of file
diff --git a/luckydiamond/src/pages/ChatElement.vue b/luckydiamond/src/pages/ChatElement.vue
index 17a6d48..b942166 100644
--- a/luckydiamond/src/pages/ChatElement.vue
+++ b/luckydiamond/src/pages/ChatElement.vue
@@ -10,7 +10,7 @@
         </div>
       </div>
     </div>
-    <div class="chat__content--users" @dataclaim="ClaimDatamsg">
+    <div class="chat__content--users">
       <ul>
         <li
             v-for="msg in array"
@@ -28,25 +28,32 @@
         </li>
       </ul>
     </div>
-    <writechat-component></writechat-component>
+    <writechat-component @send="ClaimDatamsg"></writechat-component>
   </aside>
 </template>
 
 <script>
 import '@/assets/css/ElementsStyles/chat.css'
-import ChatHistory from "@/mocks/ChatHistory";
 import WritechatComponent from "@/components/WritechatComponent.vue";
 
 export default {
   components: { WritechatComponent },
   data() {
     return {
-      array: ChatHistory
+      array: [],
+      id: 0,
     }
   },
   methods: {
-    ClaimDatamsg() {
-      this.array = ChatHistory
+    ClaimDatamsg(msg) {
+      const MsgUser = {
+        id: this.id + 1,
+        msg: msg[0],
+        username: msg[1],
+        icon: msg[2]
+      }
+
+      this.array.push(MsgUser)
     }
   }
 }