status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: fix walkie talkie image and add text with links

This commit is contained in:
Jonathan Rainville 2020-07-08 16:32:46 -04:00 committed by Iuri Matias
parent 284572898a
commit 33d639b071
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
View File

@ -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}
}
##^##*/