feat(CreateCommunityPopup): introduce canGoNext and nextAction for modal pages

ui/app/AppLayouts/CommunitiesPortal/popups/CreateCommunityPopup.qml

@@ -32,16 +32,31 @@ StatusStackModal {
 
     nextButton: StatusButton {
         objectName: "createCommunityNextBtn"
-        text: qsTr("Next")
+        font.weight: Font.Medium
-        enabled: nameInput.valid && descriptionTextInput.valid
+        text: typeof currentItem.nextButtonText !== "undefined" ? currentItem.nextButtonText : qsTr("Next")
-        onClicked: currentIndex++
+        enabled: typeof(currentItem.canGoNext) == "undefined" || currentItem.canGoNext
+        onClicked: {
+            let nextAction = currentItem.nextAction
+            if (typeof(nextAction) == "function") {
+                return nextAction()
+            }
+            root.currentIndex++
+        }
     }
 
     finishButton: StatusButton {
         objectName: "createCommunityFinalBtn"
-        text: qsTr("Create Community")
+        font.weight: Font.Medium
-        enabled: introMessageInput.valid && outroMessageInput.valid
+        text: root.isDiscordImport ? qsTr("Start Discord import") : qsTr("Create Community")
-        onClicked: d.createCommunity()
+        enabled: typeof(currentItem.canGoNext) == "undefined" || currentItem.canGoNext
+        onClicked: {
+            let nextAction = currentItem.nextAction
+            if (typeof (nextAction) == "function") {
+                return nextAction()
+            }
+            if (!root.isDiscordImport)
+                d.createCommunity()
+        }
     }
 
     onAboutToShow: nameInput.input.edit.forceActiveFocus()
@@ -50,6 +65,8 @@ StatusStackModal {
         StatusScrollView {
             id: generalView
 
+            readonly property bool canGoNext: nameInput.valid && descriptionTextInput.valid
+
             ColumnLayout {
                 id: generalViewLayout
                 width: generalView.availableWidth
@@ -135,12 +152,16 @@ StatusStackModal {
                 }
             }
         },
+
         ColumnLayout {
             id: introOutroMessageView
             spacing: 11
+            readonly property bool canGoNext: introMessageInput.valid && outroMessageInput.valid
+
             CommunityIntroMessageInput {
                 id: introMessageInput
                 input.edit.objectName: "createCommunityIntroMessageInput"
+                input.tabNavItem: outroMessageInput.input.edit
 
                 Layout.fillWidth: true
                 Layout.fillHeight: true
@@ -152,6 +173,7 @@ StatusStackModal {
             CommunityOutroMessageInput {
                 id: outroMessageInput
                 input.edit.objectName: "createCommunityOutroMessageInput"
+                input.tabNavItem: introMessageInput.input.edit
 
                 Layout.fillWidth: true
             }