diff --git a/storybook/PagesModel.qml b/storybook/PagesModel.qml index 2a6060cec3..85a113f417 100644 --- a/storybook/PagesModel.qml +++ b/storybook/PagesModel.qml @@ -117,6 +117,10 @@ ListModel { title: "CommunityTokenPermissionsPopup" section: "Popups" } + ListElement { + title: "SignMintTokenTransactionPopup" + section: "Popups" + } ListElement { title: "MembersSelector" section: "Components" diff --git a/storybook/figma.json b/storybook/figma.json index 0537171aec..0e0052f36e 100644 --- a/storybook/figma.json +++ b/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" ] } diff --git a/storybook/pages/SignMintTokenTransactionPopupPage.qml b/storybook/pages/SignMintTokenTransactionPopupPage.qml new file mode 100644 index 0000000000..fa85cb0817 --- /dev/null +++ b/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 + } + } + } +} + +