mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-11 14:54:48 +00:00
aa8d9a7f48
A `StatusIcon` that rotates infinitely and can be used for indicating
pending states.
Usage:
```
StatusLoadingIndicator {
width: 24 // default: 17
height: 24 // default: 17
color: "red" // default: loading asset color
}
```
This also removes `LoadingImage` component from `ui/shared`.
Closes #2360
96 lines
2.5 KiB
QML
96 lines
2.5 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Controls 2.14
|
|
import "../../../../../imports"
|
|
import "../../../../../shared"
|
|
import "../../../../../shared/status/core"
|
|
import "../../../../../shared/status"
|
|
|
|
Item {
|
|
property string username: ""
|
|
property string walletAddress: "-"
|
|
property string key: "-"
|
|
|
|
signal backBtnClicked();
|
|
|
|
StyledText {
|
|
id: sectionTitle
|
|
text: username
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 24
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 24
|
|
font.weight: Font.Bold
|
|
font.pixelSize: 20
|
|
}
|
|
|
|
Component {
|
|
id: loadingImageComponent
|
|
StatusLoadingIndicator {}
|
|
}
|
|
|
|
Loader {
|
|
id: loadingImg
|
|
active: false
|
|
sourceComponent: loadingImageComponent
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.currentPadding
|
|
}
|
|
|
|
Connections {
|
|
target: profileModel.ens
|
|
onDetailsObtained: {
|
|
if(username != ensName) return;
|
|
walletAddressLbl.text = address;
|
|
walletAddressLbl.textToCopy = address;
|
|
keyLbl.text = pubkey.substring(0, 20) + "..." + pubkey.substring(pubkey.length - 20);
|
|
keyLbl.textToCopy = pubkey;
|
|
walletAddressLbl.visible = true;
|
|
keyLbl.visible = true;
|
|
}
|
|
onLoading: {
|
|
loadingImg.active = isLoading
|
|
if(!isLoading) return;
|
|
walletAddressLbl.visible = false;
|
|
keyLbl.visible = false;
|
|
}
|
|
}
|
|
|
|
TextWithLabel {
|
|
id: walletAddressLbl
|
|
//% "Wallet address"
|
|
label: qsTrId("wallet-address")
|
|
visible: false
|
|
text: ""
|
|
textToCopy: ""
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 24
|
|
anchors.top: sectionTitle.bottom
|
|
anchors.topMargin: 24
|
|
}
|
|
|
|
TextWithLabel {
|
|
id: keyLbl
|
|
visible: false
|
|
//% "Key"
|
|
label: qsTrId("key")
|
|
text: ""
|
|
textToCopy: ""
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 24
|
|
anchors.top: walletAddressLbl.bottom
|
|
anchors.topMargin: 24
|
|
}
|
|
|
|
StatusButton {
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: Style.current.padding
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
//% "Back"
|
|
text: qsTrId("back")
|
|
onClicked: backBtnClicked()
|
|
}
|
|
}
|