feat(storybook): Minted collectibles list view added

Added collectibles list view page.
Added related figma links.
Added new minted collectibles model.
This commit is contained in:
Noelia 2023-03-13 11:52:00 +01:00 committed by Noelia
parent ebbb22f514
commit 7ff2f9cfa2
6 changed files with 82 additions and 1 deletions

View File

@ -41,6 +41,10 @@ ListModel {
title: "CommunityCollectibleView"
section: "Views"
}
ListElement {
title: "CommunityMintedTokensView"
section: "Views"
}
ListElement {
title: "StatusCommunityCard"
section: "Panels"

View File

@ -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"
]
}

View File

@ -31,7 +31,7 @@ SplitView {
enabledNetworks: NetworksModel.enabledNetworks
allNetworks: enabledNetworks
onMintCollectible: ogs.logEvent("CommunityMintTokensSettingsPanel::mintCollectible")
onMintCollectible: logs.logEvent("CommunityMintTokensSettingsPanel::mintCollectible")
}
}

View File

@ -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
}
}
}

View File

@ -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)
}

View File

@ -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