feat(storybook): It adds `PermissionConflictWarningPanel` into storybook.

Added new pages and updated figma files.

storybook/PagesModel.qml

@@ -53,6 +53,10 @@ ListModel {
          title: "PermissionQualificationPanel"
          section: "Panels"
     }
+    ListElement {
+         title: "PermissionConflictWarningPanel"
+         section: "Panels"
+    }
     ListElement {
         title: "InviteFriendsToCommunityPopup"
         section: "Popups"

storybook/figma.json

@@ -84,5 +84,11 @@
     "PermissionQualificationPanel": [
         "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=2934%3A480089",
         "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22734%3A502803"
+    ],
+    "PermissionConflictWarningPanel": [
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22253%3A486103&t=JrCIfks1zVzsk3vn-0"
+    ],
+    "CommunityNewPermissionView": [
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22253%3A486103&t=JrCIfks1zVzsk3vn-0"
     ]
 }

storybook/pages/CommunityNewPermissionViewPage.qml

@@ -15,6 +15,13 @@ Pane {
             readonly property var assetsModel: AssetsModel {}
             readonly property var collectiblesModel: CollectiblesModel {}
             readonly property var channelsModel: ChannelsModel {}
+            readonly property var permissionConflict: QtObject {
+                property bool exists: true
+                property string holdings: "1 ETH"
+                property string permissions: "View and Post"
+                property string channels: "#general"
+
+            }
 
             function editPermission(index, holdings, permissions, channels, isPrivate) {
                 logs.logEvent("CommunitiesStore::editPermission - index: " + index)

storybook/pages/PermissionConflictWarningPanelPage.qml

@@ -0,0 +1,90 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+
+import Storybook 1.0
+
+import AppLayouts.Chat.panels.communities 1.0
+
+SplitView {
+    orientation: Qt.Vertical
+
+    Item {
+        SplitView.fillWidth: true
+        SplitView.fillHeight: true
+
+        Item {
+            id: container
+            width: widthSlider.value
+            height: conflictPanel.implicitHeight
+            anchors.centerIn: parent
+
+            PermissionConflictWarningPanel{
+                id: conflictPanel
+                anchors.left: parent.left
+                anchors.right: parent.right
+                holdings: holdingsField.text
+                permissions: permissionsField.text
+                channels: channelsField.text
+            }
+        }
+    }
+
+    LogsAndControlsPanel {
+        SplitView.minimumHeight: 100
+        SplitView.preferredHeight: 250
+
+        ColumnLayout {
+            spacing: 10
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "Width:"
+                }
+
+                Slider {
+                    id: widthSlider
+                    value: 400
+                    from: 200
+                    to: 600
+                }
+            }
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "Holdings:"
+                }
+
+                TextField {
+                    id: holdingsField
+                    text: "1 ETH"
+                }
+            }
+
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "Permissions:"
+                }
+
+                TextField {
+                    id: permissionsField
+                    text: "View and Post"
+                }
+            }
+
+            Row {
+                Label {
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: "Channels:"
+                }
+
+                TextField {
+                    id: channelsField
+                    text: "#general"
+                }
+            }
+
+        }
+    }
+}