fix(InviteFriendsToCommunityPopup): adaptive popup height, consistent…

… footer height Closes: #7604 Closes: #7605
status-im · Nov 8, 2022 · 6237d3c · 6237d3c
1 parent c32973b
commit 6237d3c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/storybook/pages/InviteFriendsToCommunityPopupPage.qml b/storybook/pages/InviteFriendsToCommunityPopupPage.qml
@@ -93,7 +93,7 @@ SplitView {
                 }
 
                 communitySectionModule: QtObject {
-                    function inviteUsersToCommunity() {
+                    function inviteUsersToCommunity(keys, message) {
                         logs.logEvent("communitySectionModule::inviteUsersToCommunity",
                                       ["keys", "message"], arguments)
                     }

diff --git a/ui/app/AppLayouts/Chat/popups/community/InviteFriendsToCommunityPopup.qml b/ui/app/AppLayouts/Chat/popups/community/InviteFriendsToCommunityPopup.qml
@@ -27,6 +27,10 @@ StatusStackModal {
     QtObject {
         id: d
 
+        // values from Figma design
+        readonly property int footerButtonsHeight: 44
+        readonly property int popupContentHeight: 551
+
         function sendInvites(pubKeys, inviteMessage) {
             const error = root.communitySectionModule.inviteUsersToCommunity(JSON.stringify(pubKeys), inviteMessage);
             d.processInviteResult(error);
@@ -51,14 +55,14 @@ StatusStackModal {
 
     stackTitle: qsTr("Invite Contacts to %1").arg(community.name)
     width: 640
-    implicitHeight: 700
 
     padding: 0
     leftPadding: 0
     rightPadding: 0
 
     nextButton: StatusButton {
         objectName: "InviteFriendsToCommunityPopup_NextButton"
+        implicitHeight: d.footerButtonsHeight
         text: qsTr("Next")
         enabled: root.pubKeys.length
         onClicked: {
@@ -68,6 +72,7 @@ StatusStackModal {
 
     finishButton: StatusButton {
         objectName: "InviteFriendsToCommunityPopup_SendButton"
+        implicitHeight: d.footerButtonsHeight
         enabled: root.pubKeys.length > 0
         text: qsTr("Send Invites")
         onClicked: {
@@ -87,6 +92,8 @@ StatusStackModal {
 
     stackItems: [
         Item {
+            implicitHeight: d.popupContentHeight
+
             CommunityProfilePopupInviteFriendsPanel {
                 anchors.fill: parent
                 anchors.topMargin: 16