diff --git a/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml b/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
index ce32a3aa5d..19c4d315b4 100644
--- a/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
+++ b/ui/app/AppLayouts/Chat/ChatColumn/EmptyChat.qml
@@ -3,6 +3,7 @@ import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../shared"
import "../../../../imports"
+import "../components"
Item {
id: element
@@ -17,7 +18,10 @@ Item {
}
StyledText {
- text: `Share your chat key or invite friends to start messaging in Status`
+ text: `${qsTr("Share your chat key")}` +
+ ` ${qsTr("or")} ` +
+ `${qsTr("invite")}`+
+ ` ${qsTr("friends to start messaging in Status")}`
textFormat: Text.RichText
wrapMode: Text.WordWrap
horizontalAlignment: Text.AlignHCenter
@@ -29,11 +33,15 @@ Item {
onLinkActivated: function (linkClicked) {
switch (linkClicked) {
case "shareKey": console.log('Go to share key'); break;
- case "invite": console.log('Go to invite'); break;
+ case "invite": inviteFriendsPopup.open(); break;
default: //no idea what was clicked
}
}
}
+
+ InviteFriendsPopup {
+ id: inviteFriendsPopup
+ }
}
/*##^##
Designer {
diff --git a/ui/app/AppLayouts/Chat/ContactsColumn/EmptyView.qml b/ui/app/AppLayouts/Chat/ContactsColumn/EmptyView.qml
index 51de1ba6c3..cc73be763f 100644
--- a/ui/app/AppLayouts/Chat/ContactsColumn/EmptyView.qml
+++ b/ui/app/AppLayouts/Chat/ContactsColumn/EmptyView.qml
@@ -84,6 +84,13 @@ Item {
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: Style.current.xlPadding
+ onClicked: {
+ inviteFriendsPopup.open()
+ }
+ }
+
+ InviteFriendsPopup {
+ id: inviteFriendsPopup
}
}
diff --git a/ui/app/AppLayouts/Chat/components/InviteFriendsPopup.qml b/ui/app/AppLayouts/Chat/components/InviteFriendsPopup.qml
new file mode 100644
index 0000000000..5fd9f12fdd
--- /dev/null
+++ b/ui/app/AppLayouts/Chat/components/InviteFriendsPopup.qml
@@ -0,0 +1,25 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.3
+import "../../../../imports"
+import "../../../../shared"
+
+ModalPopup {
+ id: popup
+ readonly property string getStatusText: qsTr("Get Status at https://status.im")
+
+ title: qsTr("Download Status link")
+ height: 156
+
+ StyledText {
+ id: linkText
+ text: popup.getStatusText
+ }
+
+ CopyToClipBoardButton {
+ anchors.left: linkText.right
+ anchors.leftMargin: Style.current.smallPadding
+ anchors.verticalCenter: linkText.verticalCenter
+ textToCopy: popup.getStatusText
+ }
+}
+
diff --git a/ui/app/AppLayouts/Chat/components/qmldir b/ui/app/AppLayouts/Chat/components/qmldir
index 18209098dd..d76dd278f8 100644
--- a/ui/app/AppLayouts/Chat/components/qmldir
+++ b/ui/app/AppLayouts/Chat/components/qmldir
@@ -7,3 +7,4 @@ ChannelIcon 1.0 ChannelIcon.qml
RenameGroupPopup 1.0 RenameGroupPopup.qml
GroupChatPopup 1.0 GroupChatPopup.qml
StickersPopup 1.0 StickersPopup.qml
+InviteFriendsPopup 1.0 InviteFriendsPopup.qml
diff --git a/ui/nim-status-client.pro b/ui/nim-status-client.pro
index 42d04010ac..4b72c8fa5b 100644
--- a/ui/nim-status-client.pro
+++ b/ui/nim-status-client.pro
@@ -57,6 +57,7 @@ else: unix:!android: target.path = /opt/$${TARGET}/bin
DISTFILES += \
app/AppLayouts/Chat/ContactsColumn/ClosedEmptyView.qml \
app/AppLayouts/Chat/components/EmojiPopup.qml \
+ app/AppLayouts/Chat/components/InviteFriendsPopup.qml \
fonts/InterStatus/InterStatus-Black.otf \
fonts/InterStatus/InterStatus-BlackItalic.otf \
fonts/InterStatus/InterStatus-Bold.otf \
diff --git a/ui/shared/ModalPopup.qml b/ui/shared/ModalPopup.qml
index d4c6e69b8e..43c18b07e3 100644
--- a/ui/shared/ModalPopup.qml
+++ b/ui/shared/ModalPopup.qml
@@ -110,12 +110,14 @@ Popup {
Separator {
id: separator2
+ visible: !!footerContent.children[0]
anchors.bottom: parent.bottom
anchors.bottomMargin: 75
}
Item {
id: footerContent
+ visible: !!children[0]
height: children[0] && children[0].height
width: parent.width
anchors.top: separator2.bottom