Port accounts page to formcard

src/qml/Settings/AccountsPage.qml

@@ -8,33 +8,24 @@ import QtQuick.Window 2.15
 import Qt.labs.platform 1.1
 
 import org.kde.kirigami 2.19 as Kirigami
-import org.kde.kirigamiaddons.labs.mobileform 0.1 as MobileForm
+import org.kde.kirigamiaddons.formcard 1.0 as FormCard
 import org.kde.kirigamiaddons.labs.components 1.0 as KirigamiComponents
 
 import org.kde.neochat 1.0
 import 'Dialog' as Dialog
 
-Kirigami.ScrollablePage {
+FormCard.FormCardPage {
-    id: page
+    id: root
 
     title: i18n("Accounts")
-    topPadding: 0
-    leftPadding: 0
-    rightPadding: 0
 
-    ColumnLayout {
+    FormCard.FormHeader {
-        spacing: 0
-        MobileForm.FormHeader {
-            Layout.fillWidth: true
         title: i18n("Accounts")
     }
-        MobileForm.FormCard {
+    FormCard.FormCard {
-            Layout.fillWidth: true
-            contentItem: ColumnLayout {
-                spacing: 0
         Repeater {
             model: AccountRegistry
-                    delegate: MobileForm.AbstractFormDelegate {
+            delegate: FormCard.AbstractFormDelegate {
                 id: accountDelegate
                 required property NeoChatConnection connection
                 Layout.fillWidth: true
@@ -89,32 +80,30 @@ Kirigami.ScrollablePage {
                             connection: model.connection
                             onAccepted: {
                                 if (Controller.accountCount === 1) {
-                                            page.Window.window.close()
+                                    root.Window.window.close()
                                 }
                             }
                         }
                     }
 
-                            MobileForm.FormArrow {
+                    FormCard.FormArrow {
                         Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
-                                direction: MobileForm.FormArrow.Right
+                        direction: FormCard.FormArrow.Right
                     }
                 }
             }
         }
-                MobileForm.FormDelegateSeparator { below: addAccountDelegate }
+        FormCard.FormDelegateSeparator { below: addAccountDelegate }
 
-                MobileForm.FormButtonDelegate {
+        FormCard.FormButtonDelegate {
             id: addAccountDelegate
             text: i18n("Add Account")
             icon.name: "list-add"
             onClicked: pageStack.layers.push("qrc:/WelcomePage.qml")
         }
     }
-        }
-    }
 
-    Connections {
+    property Connections connections: Connections {
         target: Controller
         function onConnectionAdded() {
             if (pageStack.layers.depth > 2) {