From 33d639b071869443429070759289b65741c2fec1 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Wed, 8 Jul 2020 16:32:46 -0400
Subject: [PATCH] feat: fix walkie talkie image and add text with links

---
 .../AppLayouts/Chat/ChatColumn/EmptyChat.qml  | 45 ++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml b/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
index f5d37035fa..ce32a3aa5d 100644
--- a/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
+++ b/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
@@ -5,33 +5,38 @@ import "../../../../shared"
 import "../../../../imports"
 
 Item {
+    id: element
     Layout.fillHeight: true
     Layout.fillWidth: true
-    Item {
-        id: walkieTalkieContainer
-        anchors.left: parent.left
-        anchors.leftMargin: 200
-        anchors.right: parent.right
-        anchors.rightMargin: 200
-        anchors.bottom: parent.bottom
-        anchors.bottomMargin: 200
-        anchors.top: parent.top
-        anchors.topMargin: 100
-        Image {
-            source: "../../../../onboarding/img/chat@2x.jpg"
-        }
 
-        StyledText {
-            text: "Select a chat to start messaging"
-            anchors.horizontalCenter: parent.horizontalCenter
-            font.weight: Font.DemiBold
-            font.pixelSize: 15
-            color: Style.current.darkGrey
+    Image {
+        id: walkieTalkieImage
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+        source: "../../../../onboarding/img/chat@2x.jpg"
+    }
+
+    StyledText {
+        text: `<a href="shareKey" style="color:${Style.current.blue};text-decoration:none;">Share your chat key</a> or <a href="invite" style="color:${Style.current.blue};text-decoration:none">invite</a> friends to start messaging in Status`
+        textFormat: Text.RichText
+        wrapMode: Text.WordWrap
+        horizontalAlignment: Text.AlignHCenter
+        anchors.right: walkieTalkieImage.right
+        anchors.left: walkieTalkieImage.left
+        anchors.top: walkieTalkieImage.bottom
+        font.pixelSize: 15
+        color: Style.current.darkGrey
+        onLinkActivated: function (linkClicked) {
+            switch (linkClicked) {
+                case "shareKey": console.log('Go to share key'); break;
+                case "invite": console.log('Go to invite'); break;
+                default: //no idea what was clicked
+            }
         }
     }
 }
 /*##^##
 Designer {
-    D{i:0;autoSize:true;height:480;width:640}
+    D{i:0;autoSize:true;formeditorColor:"#ffffff";formeditorZoom:2;height:480;width:640}
 }
 ##^##*/