implement basic send message

src/components/pages/MainPage.vue

@@ -23,6 +23,7 @@ import Page from "./Page.vue";
 import GlobalState from "../../js/GlobalState.js";
 import ConnectButtons from "../connect/ConnectButtons.vue";
 import ContactsList from "../contacts/ContactsList.vue";
+import Connection from "../../js/Connection.js";
 
 export default {
     name: 'MainPage',
@@ -33,8 +34,17 @@ export default {
         Header,
     },
     methods: {
-        onContactClick(contact) {
+        async onContactClick(contact) {
-            // todo
+
+            // ask user for message
+            const message = prompt("Enter message to send");
+            if(!message){
+                return;
+            }
+
+            // send message
+            await Connection.sendMessage(contact.publicKey, message);
+
         },
     },
     computed: {

src/js/Connection.js

@@ -73,6 +73,11 @@ class Connection {
         await GlobalState.connection.sendCommandRemoveContact(publicKey);
     }
 
+    static async sendMessage(publicKey, message) {
+        await GlobalState.connection.sendTextMessage(publicKey, message);
+        // todo handle acks
+    }
+
 }
 
 export default Connection;