chore(dialogs): extract MailserverConnectionDialog

iterates: status-im/StatusQ#760

ui/app/mainui/AppMain.qml

@@ -34,6 +34,8 @@ import AppLayouts.Browser.stores 1.0 as BrowserStores
 
 import AppLayouts.stores 1.0
 
+import "popups"
+
 Item {
     id: appMain
     anchors.fill: parent
@@ -681,43 +683,12 @@ Item {
 
         Component {
             id: mailserverNotWorkingPopupComponent
-            StatusModal {
+
-                id: msNotWorkingPopup
+            MailserverConnectionDialog {
-                anchors.centerIn: parent
-                header.title: qsTr("Can not connect to mailserver")
                 onClosed: {
                     appLayout.mailserverNotWorkingPopup = null
                     destroy()
                 }
-
-                contentItem: Item {
-                    width: msNotWorkingPopup.width
-                    implicitHeight: 100
-
-                    StatusBaseText {
-                      text: qsTr("The mailserver you're connecting to is unavailable.")
-                      color: Theme.palette.directColor1
-                      anchors.centerIn: parent
-                    }
-                }
-
-                rightButtons: [
-                    StatusButton {
-                      text: qsTr("Pick another")
-                      onClicked: {
-                          Global.changeAppSectionBySectionType(Constants.appSection.profile, Constants.settingsSubsection.messaging)
-                          msNotWorkingPopup.close()
-                      }
-                    },
-                    StatusButton {
-                      text: qsTr("Retry")
-                      onClicked: {
-                        // Retrying already happens automatically, so doing nothing
-                        // here is the same as retrying...
-                        msNotWorkingPopup.close()
-                      }
-                    }
-                ]
             }
         }
 

ui/app/mainui/popups/MailserverConnectionDialog.qml

@@ -0,0 +1,41 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+import QtQml.Models 2.14
+
+import StatusQ.Core 0.1
+import StatusQ.Controls 0.1
+import StatusQ.Popups.Dialog 0.1
+
+import utils 1.0
+
+StatusDialog {
+    id: root
+
+    title: qsTr("Can not connect to mailserver")
+
+    StatusBaseText {
+        anchors.fill: parent
+        text: qsTr("The mailserver you're connecting to is unavailable.")
+    }
+
+    footer: StatusDialogFooter {
+        rightButtons: ObjectModel {
+            StatusButton {
+                text: qsTr("Pick another")
+                onClicked: {
+                    Global.changeAppSectionBySectionType(Constants.appSection.profile, Constants.settingsSubsection.messaging)
+                    root.close()
+                }
+            }
+            StatusButton {
+                text: qsTr("Retry")
+                onClicked: {
+                    // Retrying already happens automatically, so doing nothing
+                    // here is the same as retrying...
+                    root.close()
+                }
+            }
+        }
+    }
+}