status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-02-16 16:47:24 +00:00
Code Issues Projects Releases Wiki Activity

feat: fix walkie talkie image and add text with links

Browse Source
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" import "../../../../imports"
Item { Item {
id: element
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: 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 { Image {
text: "Select a chat to start messaging" id: walkieTalkieImage
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
font.weight: Font.DemiBold anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 15 source: "../../../../onboarding/img/chat@2x.jpg"
color: Style.current.darkGrey }
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 { Designer {
D{i:0;autoSize:true;height:480;width:640} D{i:0;autoSize:true;formeditorColor:"#ffffff";formeditorZoom:2;height:480;width:640}
} }
##^##*/ ##^##*/