feat(storybook): Added storybook support for `SignMintTokenTransationPopup`

Added storybook support for new popup.

storybook/PagesModel.qml

@@ -117,6 +117,10 @@ ListModel {
          title: "CommunityTokenPermissionsPopup"
          section: "Popups"
     }
+    ListElement {
+         title: "SignMintTokenTransactionPopup"
+         section: "Popups"
+    }
     ListElement {
         title: "MembersSelector"
         section: "Components"

storybook/figma.json

@@ -131,5 +131,8 @@
     "CommunityMintTokensSettingsPanel": [
         "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22602%3A495365&t=PTKo9Q0qIy9YzZxF-1",
         "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22602%3A495563&t=PTKo9Q0qIy9YzZxF-1"
+    ],
+    "SignMintTokenTransactionPopup": [
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=27140%3A521359&t=V6wYVbwctoC6uD2E-1"
     ]
 }

storybook/pages/SignMintTokenTransactionPopupPage.qml

@@ -0,0 +1,121 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+
+import Storybook 1.0
+import Models 1.0
+
+import AppLayouts.Chat.popups.community 1.0
+
+SplitView {
+    Logs { id: logs }
+
+    SplitView {
+        orientation: Qt.Vertical
+        SplitView.fillWidth: true
+
+        Item {
+            SplitView.fillWidth: true
+            SplitView.fillHeight: true
+
+            PopupBackground {
+                anchors.fill: parent
+            }
+
+            Button {
+                anchors.centerIn: parent
+                text: "Reopen"
+
+                onClicked: dialog.open()
+            }
+
+            SignMintTokenTransactionPopup {
+                id: dialog
+
+                anchors.centerIn: parent
+                accountName: editorAccount.text
+                collectibleName: editorCollectible.text
+                networkName: editorNetwork.text
+                feeText: editorFee.text
+                isFeeLoading: editorFeeLoader.checked
+
+                onSignTransactionClicked: logs.logEvent("SignMintTokenTransactionPopup::onSignTransactionClicked")
+                onCancelClicked: logs.logEvent("SignMintTokenTransactionPopup::onCancelClicked")
+
+            }
+        }
+
+        LogsAndControlsPanel {
+            id: logsAndControlsPanel
+
+            SplitView.minimumHeight: 100
+            SplitView.preferredHeight: 150
+
+            logsView.logText: logs.logText
+        }
+    }
+
+    Pane {
+        SplitView.minimumWidth: 300
+        SplitView.preferredWidth: 300
+
+        ColumnLayout {
+
+            Label {
+                Layout.fillWidth: true
+                text: "Account name"
+            }
+
+            TextField {
+                id: editorAccount
+                background: Rectangle { border.color: 'lightgrey' }
+                Layout.preferredWidth: 200
+                text: "helloworld"
+            }
+
+            Label {
+                Layout.fillWidth: true
+                text: "Collectible name"
+            }
+
+            TextField {
+                id: editorCollectible
+                background: Rectangle { border.color: 'lightgrey' }
+                Layout.preferredWidth: 200
+                text: "Anniversary"
+            }
+
+            Label {
+                Layout.fillWidth: true
+                text: "Network name"
+            }
+
+            TextField {
+                id: editorNetwork
+                background: Rectangle { border.color: 'lightgrey' }
+                Layout.preferredWidth: 200
+                text: "Optimism"
+            }
+
+            Label {
+                Layout.fillWidth: true
+                text: "Network name"
+            }
+
+            TextField {
+                id: editorFee
+                background: Rectangle { border.color: 'lightgrey' }
+                Layout.preferredWidth: 200
+                text: "0.0015 ETH ($75.34)"
+            }
+
+            Switch {
+                id: editorFeeLoader
+                text: "Is fee loading?"
+                checked: false
+            }
+        }
+    }
+}
+
+