status-desktop/ui/app/AppLayouts/Wallet/popups/CryptoServicesModal.qml

78 lines
2.4 KiB
QML
Raw Normal View History

import QtQuick 2.14
import QtQuick.Controls 2.14
import utils 1.0
import shared.panels 1.0
import StatusQ.Popups 0.1
import StatusQ.Components 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Core 0.1
import "../controls"
import "../stores"
StatusModal {
id: cryptoServicesPopupRoot
height: 400
header.title: qsTr("Buy / Sell crypto")
anchors.centerIn: parent
Loader {
id: loader
anchors.fill: parent
sourceComponent: servicesComponent
Component {
id: servicesComponent
Item {
anchors.fill: parent
anchors.topMargin: Style.current.padding
anchors.bottomMargin: Style.current.padding
anchors.leftMargin: Style.current.padding
anchors.rightMargin: Style.current.padding
StyledText {
id: note
anchors.top: parent.top
anchors.horizontalCenter: parent.horizontalCenter
color: Style.current.secondaryText
text: qsTr("Choose a service you'd like to use to buy crypto")
}
StatusListView {
anchors.top: note.bottom
anchors.bottom: parent.bottom
anchors.topMargin: Style.current.padding
anchors.horizontalCenter: parent.horizontalCenter
width: 394
model: RootStore.cryptoRampServicesModel
focus: true
spacing: Style.current.padding
delegate: StatusListItem {
width: parent.width
title: name
subTitle: description
asset.name: logoUrl
asset.isImage: true
label: fees
statusListItemSubTitle.maximumLineCount: 1
components: [
StatusIcon {
icon: "chevron-down"
rotation: 270
color: Theme.palette.baseColor1
}
]
onClicked: {
Global.openLink(siteUrl);
cryptoServicesPopupRoot.close();
}
}
}
}
}
}
}