refactor(SignTransactionModal): make use of StatusModal and other StatusQ components

ui/app/AppLayouts/Chat/popups/SignTransactionModal.qml

@@ -4,16 +4,17 @@ import QtQuick.Layouts 1.13
 import QtQuick.Dialogs 1.3
 
 import utils 1.0
-import "../../../../shared"
-import "../../../../shared/status"
+
+import StatusQ.Popups 0.1
+import StatusQ.Controls 0.1
+
 import "../../../../shared/panels"
 import "../../../../shared/controls"
 import "../../../../shared/views"
 import "../../../../shared/popups"
 import "../../Wallet/"
 
-// TODO: replace with StatusModal
-ModalPopup {
+StatusModal {
     property var selectedAccount
     property var selectedRecipient
     property var selectedAsset
@@ -62,7 +63,7 @@ ModalPopup {
     id: root
 
     //% "Send"
-    title: qsTrId("command-button-send")
+    header.title: qsTrId("command-button-send")
     height: 540
 
     property MessageDialog sendingError: MessageDialog {
@@ -77,9 +78,11 @@ ModalPopup {
         stack.pop(groupPreview, StackView.Immediate)
     }
 
+    contentItem: Item {
+        width: root.width
+        height: childrenRect.height
         TransactionStackView {
             id: stack
-        anchors.fill: parent
             anchors.leftMargin: Style.current.padding
             anchors.rightMargin: Style.current.padding
             initialItem: groupPreview
@@ -107,7 +110,7 @@ ModalPopup {
                         stack.pop()
                     }
                 }
-            AccountSelector {
+                StatusAccountSelector {
                     id: selectFromAccount
                     accounts: walletModel.accountsView.accounts
                     currency: walletModel.balanceView.defaultCurrency
@@ -255,18 +258,15 @@ ModalPopup {
                 }
             }
         }
+    }
 
-    footer: Item {
-        width: parent.width
-        height: btnNext.height
-
+    leftButtons: [
         StatusRoundButton {
             id: btnBack
-            anchors.left: parent.left
             icon.name: "arrow-right"
             icon.width: 20
             icon.height: 16
-            rotation: 180
+            icon.rotation: 180
             visible: stack.currentGroup.showBackBtn
             enabled: stack.currentGroup.isValid || stack.isLastGroup
             onClicked: {
@@ -276,14 +276,9 @@ ModalPopup {
                 stack.back()
             }
         }
+    ]
 
-        Component {
-            id: transactionSettingsConfirmationPopupComponent
-            TransactionSettingsConfirmationPopup {
-
-            }
-        }
-
+    rightButtons: [
         StatusButton {
             id: btnNext
             anchors.right: parent.right
@@ -330,6 +325,14 @@ ModalPopup {
                 }
             }
         }
+    ]
+
+    Component {
+        id: transactionSettingsConfirmationPopupComponent
+        TransactionSettingsConfirmationPopup {
+
+        }
+    }
 
     Connections {
         target: walletModel.transactionsView
@@ -369,6 +372,5 @@ ModalPopup {
             }
         }
     }
-    }
 }