status-desktop/storybook/pages/AirdropTokensSelectorPage.qml

71 lines
1.9 KiB
QML

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import StatusQ.Core.Theme 0.1
import AppLayouts.Communities.controls 1.0
import utils 1.0
ColumnLayout {
readonly property var items: [
{
tokenText: "2 MCT",
networkText: "Ethereum",
tokenImage: Theme.png("tokens/SNT"),
networkImage: Theme.svg("network/Network=Ethereum"),
valid: true
},
{
tokenText: "64 DAI",
networkText: "Optimism",
tokenImage: Theme.png("tokens/DAI"),
networkImage: Theme.svg("network/Network=Optimism"),
valid: false
},
{
tokenText: "0.125 ETH",
networkText: "Arbitrum",
tokenImage: Theme.png("tokens/ETH"),
networkImage: Theme.svg("network/Network=Arbitrum"),
valid: true
}
]
Item {
Layout.fillHeight: true
Layout.fillWidth: true
AirdropTokensSelector {
anchors.centerIn: parent
placeholderText: "Example: Empty items"
property int counter: 0
model: ListModel {
id: listModel
}
addButton.onClicked: model.append(items[(counter++) % items.length])
onItemClicked: model.remove(index)
Component.onCompleted: model.append(items[counter++])
}
}
Button {
Layout.bottomMargin: 10
Layout.alignment: Qt.AlignHCenter
text: "Clear list"
onClicked: listModel.clear()
}
}
// category: Components
// https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22602-495563
// https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22628-494998
// https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22647-501909