diff --git a/storybook/PagesModel.qml b/storybook/PagesModel.qml index 8108ff52d5..4ced2b27ba 100644 --- a/storybook/PagesModel.qml +++ b/storybook/PagesModel.qml @@ -41,6 +41,10 @@ ListModel { title: "CommunityCollectibleView" section: "Views" } + ListElement { + title: "CommunityMintedTokensView" + section: "Views" + } ListElement { title: "StatusCommunityCard" section: "Panels" diff --git a/storybook/figma.json b/storybook/figma.json index 78a4c6134c..f5024889f9 100644 --- a/storybook/figma.json +++ b/storybook/figma.json @@ -121,5 +121,8 @@ "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=2934%3A480877&t=Qo2FwPRxvSxbluqB-1", "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=26601%3A518245&t=Qo2FwPRxvSxbluqB-1", "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22721%3A498811&t=Qo2FwPRxvSxbluqB-1" + ], + "CommunityMintedTokensView": [ + "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=2934%3A479136&t=zs22ORYUVDYpqubQ-1" ] } diff --git a/storybook/pages/CommunityMintTokensSettingsPanelPage.qml b/storybook/pages/CommunityMintTokensSettingsPanelPage.qml index 4488fe78a4..9a2e3dd45c 100644 --- a/storybook/pages/CommunityMintTokensSettingsPanelPage.qml +++ b/storybook/pages/CommunityMintTokensSettingsPanelPage.qml @@ -31,7 +31,7 @@ SplitView { enabledNetworks: NetworksModel.enabledNetworks allNetworks: enabledNetworks - onMintCollectible: ogs.logEvent("CommunityMintTokensSettingsPanel::mintCollectible") + onMintCollectible: logs.logEvent("CommunityMintTokensSettingsPanel::mintCollectible") } } diff --git a/storybook/pages/CommunityMintedTokensViewPage.qml b/storybook/pages/CommunityMintedTokensViewPage.qml new file mode 100644 index 0000000000..aa582d4c29 --- /dev/null +++ b/storybook/pages/CommunityMintedTokensViewPage.qml @@ -0,0 +1,44 @@ +import QtQuick 2.14 +import QtQuick.Controls 2.14 +import QtQuick.Layouts 1.14 + +import StatusQ.Core.Theme 0.1 +import StatusQ.Components 0.1 + +import AppLayouts.Chat.views.communities 1.0 + +import Storybook 1.0 +import Models 1.0 + +import utils 1.0 + +SplitView { + + Logs { id: logs } + + SplitView { + orientation: Qt.Vertical + SplitView.fillWidth: true + + Item { + SplitView.fillWidth: true + SplitView.fillHeight: true + + CommunityMintedTokensView { + anchors.fill: parent + anchors.margins: 50 + model: MintedCollectiblesModel {} + onItemClicked: logs.logEvent("CommunityMintedTokensView::itemClicked") + } + } + + LogsAndControlsPanel { + id: logsAndControlsPanel + + SplitView.minimumHeight: 100 + SplitView.preferredHeight: 150 + + logsView.logText: logs.logText + } + } +} diff --git a/storybook/src/Models/MintedCollectiblesModel.qml b/storybook/src/Models/MintedCollectiblesModel.qml new file mode 100644 index 0000000000..7b323dfa17 --- /dev/null +++ b/storybook/src/Models/MintedCollectiblesModel.qml @@ -0,0 +1,29 @@ +import QtQuick 2.15 + +ListModel { + + readonly property var data: [ + { + name: "SuperRare artwork", + image: ModelsData.banners.superRare, + deployState: 1 + }, + { + name: "Kitty artwork", + image: ModelsData.collectibles.kitty1Big, + deployState: 2 + }, + { + name: "More artwork", + image: ModelsData.banners.status, + deployState: 2 + }, + { + name: "Crypto Punks artwork", + image: ModelsData.banners.cryptPunks, + deployState: 1 + } + ] + + Component.onCompleted: append(data) +} diff --git a/storybook/src/Models/qmldir b/storybook/src/Models/qmldir index e1126fc971..16e3ad2858 100644 --- a/storybook/src/Models/qmldir +++ b/storybook/src/Models/qmldir @@ -8,4 +8,5 @@ AssetsModel 1.0 AssetsModel.qml CollectiblesModel 1.0 CollectiblesModel.qml ChannelsModel 1.0 ChannelsModel.qml AssetsCollectiblesIconsModel 1.0 AssetsCollectiblesIconsModel.qml +MintedCollectiblesModel 1.0 MintedCollectiblesModel.qml TokenHoldersModel 1.0 TokenHoldersModel.qml