From b891243ad8f6651eb17d9807e8232d06610563c2 Mon Sep 17 00:00:00 2001
From: Alex Jbanca <alexjb@status.im>
Date: Tue, 6 Feb 2024 11:32:34 +0200
Subject: [PATCH] chore(ChannelPermissions): Update storybook to support
 channel permissions in the create channel popup

---
 storybook/pages/CreateChannelPopupPage.qml | 49 +++++++++++-----------
 storybook/src/Models/PermissionsModel.qml  | 31 ++++++++++++++
 2 files changed, 55 insertions(+), 25 deletions(-)

diff --git a/storybook/pages/CreateChannelPopupPage.qml b/storybook/pages/CreateChannelPopupPage.qml
index 49478f13c2..6b2a8e1569 100644
--- a/storybook/pages/CreateChannelPopupPage.qml
+++ b/storybook/pages/CreateChannelPopupPage.qml
@@ -3,7 +3,11 @@ import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import QtQml 2.15
 
+import StatusQ 0.1
+import StatusQ.Core.Utils 0.1 as StatusQUtils
+
 import Storybook 1.0
+import Models 1.0
 
 import AppLayouts.Communities.popups 1.0
 
@@ -47,27 +51,29 @@ SplitView {
                 modal: false
                 closePolicy: Popup.NoAutoClose
                 destroyOnClose: true
-
-                isEdit: isEditCheckBox.checked
+                isEdit: true
                 isDeleteable: isDeleteableCheckBox.checked
                 isDiscordImport: isDiscordCheckBox.checked
-
-                Binding on channelName {
-                    value: "test-channel"
-                    when: dialog.isEdit
-                    restoreMode: Binding.RestoreBindingOrValue
+                chatId: "_general"
+                channelName: "general"
+                channelDescription: "general discussion"
+                channelColor: "#4360DF"
+                activeCommunity: QtObject {
+                    readonly property string id: "0x039c47e9837a1a7dcd00a6516399d0eb521ab0a92d512ca20a44ac6278bfdbb5c5"
+                    readonly property string name: "test-1"
+                    readonly property string image: ModelsData.icons.superRare
+                    readonly property string color: "#4360DF"
+                    readonly property int memberRole: 0
                 }
-
-                Binding on channelDescription {
-                    value: "TEST TEST TEST"
-                    when: dialog.isEdit
-                    restoreMode: Binding.RestoreBindingOrValue
-                }
-
-                Binding on channelColor {
-                    value: "pink"
-                    when: dialog.isEdit
-                    restoreMode: Binding.RestoreBindingOrValue
+                assetsModel: AssetsModel {}
+                channelsModel: ChannelsModel {}
+                collectiblesModel: CollectiblesModel {}
+                
+                permissionsModel: ListModel {
+                    id: permissionsModel
+                    Component.onCompleted: {
+                        append(PermissionsModel.channelsOnlyPermissionsModelData)
+                    }
                 }
 
                 communitiesStore: QtObject {
@@ -179,19 +185,12 @@ SplitView {
         logsView.logText: logs.logText
 
         RowLayout {
-            CheckBox {
-                id: isEditCheckBox
-                text: "isEdit"
-                onToggled: if (checked) isDiscordCheckBox.checked = false
-            }
             CheckBox {
                 id: isDeleteableCheckBox
-                enabled: isEditCheckBox.checked
                 text: "isDeleteable"
             }
             CheckBox {
                 id: isDiscordCheckBox
-                enabled: !isEditCheckBox.checked
                 text: "isDiscordImport"
                 onToggled: {
                     if (!!dialog && dialog.opened)
diff --git a/storybook/src/Models/PermissionsModel.qml b/storybook/src/Models/PermissionsModel.qml
index ce89823cd5..5e6cfce2d2 100644
--- a/storybook/src/Models/PermissionsModel.qml
+++ b/storybook/src/Models/PermissionsModel.qml
@@ -57,6 +57,17 @@ QtObject {
         }
     ]
 
+    readonly property var oneChannelPermissionsModelData: [
+        {
+            key: "iamakey",
+            holdingsListModel: root.createHoldingsModel4(),
+            channelsListModel: root.createChannelsModel(),
+            permissionType: PermissionTypes.Type.Admin,
+            permissionState: PermissionTypes.State.Approved,
+            isPrivate: false
+        }
+    ]
+
     readonly property var longPermissionsModelData: [
         {
             holdingsListModel: root.createHoldingsModel4(),
@@ -460,6 +471,17 @@ QtObject {
         }
     }
 
+    readonly property var oneChannelPermissionsModel: ListModel {
+        readonly property ModelChangeGuard guard: ModelChangeGuard {
+            model: root.oneChannelPermissionsModel
+        }
+
+        Component.onCompleted: {
+            append(oneChannelPermissionsModelData)
+            guard.enabled = true
+        }
+    }
+
     readonly property var longPermissionsModel: ListModel {
         readonly property ModelChangeGuard guard: ModelChangeGuard {
             model: root.longPermissionsModel
@@ -726,6 +748,15 @@ QtObject {
                 ]
     }
 
+    function createChannelsModel() {
+        return [
+                    {
+                        key: "general",
+                        channelName: "general discussion"
+                    }
+                ]
+    }
+
     function createChannelsModel1() {
         return [
                     {