mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 22:36:24 +00:00
7c8aca0fbc
This commit does a couple of things: - It changes a label in the wallet menu from "Add/remove Token" to "Manage Assets" as it has been designed - It changes the asset list so a hover state could be introduced. Previously there was no visual effect or response to mouse hover on asset items - It improves usability of the asset list by making an entire asset item clickable to toggle the asset in the wallet. This was not possible before. Users had to click the checkbox achieve this effect Closes #1631
180 lines
4.9 KiB
QML
180 lines
4.9 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import "../../../imports"
|
|
import "../../../shared"
|
|
import "./components"
|
|
|
|
Item {
|
|
property var currentAccount: walletModel.currentAccount
|
|
property var changeSelectedAccount
|
|
|
|
id: walletHeader
|
|
height: walletAddress.y + walletAddress.height
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 0
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 0
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 0
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
|
|
StyledText {
|
|
id: title
|
|
text: currentAccount.name
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 56
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 24
|
|
font.weight: Font.Medium
|
|
font.pixelSize: 28
|
|
}
|
|
|
|
Rectangle {
|
|
id: separatorDot
|
|
width: 8
|
|
height: 8
|
|
color: currentAccount.iconColor
|
|
anchors.top: title.verticalCenter
|
|
anchors.topMargin: -3
|
|
anchors.left: title.right
|
|
anchors.leftMargin: 8
|
|
radius: 50
|
|
}
|
|
|
|
StyledText {
|
|
id: walletBalance
|
|
text: currentAccount.balance.toUpperCase()
|
|
anchors.left: separatorDot.right
|
|
anchors.leftMargin: 8
|
|
anchors.verticalCenter: title.verticalCenter
|
|
font.pixelSize: 22
|
|
}
|
|
|
|
Address {
|
|
id: walletAddress
|
|
text: currentAccount.address
|
|
font.pixelSize: 13
|
|
anchors.right: title.right
|
|
anchors.rightMargin: 0
|
|
anchors.top: title.bottom
|
|
anchors.topMargin: 0
|
|
anchors.left: title.left
|
|
anchors.leftMargin: 0
|
|
color: Style.current.secondaryText
|
|
}
|
|
|
|
ReceiveModal{
|
|
id: receiveModal
|
|
selectedAccount: currentAccount
|
|
}
|
|
|
|
SetCurrencyModal{
|
|
id: setCurrencyModal
|
|
}
|
|
|
|
TokenSettingsModal{
|
|
id: tokenSettingsModal
|
|
}
|
|
|
|
AccountSettingsModal {
|
|
id: accountSettingsModal
|
|
changeSelectedAccount: walletHeader.changeSelectedAccount
|
|
}
|
|
|
|
AddCustomTokenModal {
|
|
id: addCustomTokenModal
|
|
}
|
|
|
|
Item {
|
|
property int btnMargin: 8
|
|
property int btnOuterMargin: Style.current.bigPadding
|
|
id: walletMenu
|
|
width: sendBtn.width + receiveBtn.width + settingsBtn.width
|
|
+ walletMenu.btnOuterMargin * 2
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 16
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 16
|
|
|
|
HeaderButton {
|
|
id: sendBtn
|
|
imageSource: "../../img/send.svg"
|
|
//% "Send"
|
|
text: qsTrId("command-button-send")
|
|
onClicked: function () {
|
|
sendModal.open()
|
|
}
|
|
}
|
|
|
|
HeaderButton {
|
|
id: receiveBtn
|
|
imageSource: "../../img/send.svg"
|
|
flipImage: true
|
|
//% "Receive"
|
|
text: qsTrId("receive")
|
|
onClicked: function () {
|
|
receiveModal.open()
|
|
}
|
|
anchors.left: sendBtn.right
|
|
anchors.leftMargin: walletMenu.btnOuterMargin
|
|
}
|
|
|
|
HeaderButton {
|
|
id: settingsBtn
|
|
imageSource: "../../img/settings.svg"
|
|
flipImage: true
|
|
text: ""
|
|
onClicked: function () {
|
|
// FIXME the button is too much on the right, so the arrow can never align
|
|
let x = settingsBtn.x + settingsBtn.width / 2 - newSettingsMenu.width / 2
|
|
newSettingsMenu.popup(x, settingsBtn.height)
|
|
}
|
|
anchors.left: receiveBtn.right
|
|
anchors.leftMargin: walletMenu.btnOuterMargin
|
|
|
|
PopupMenu {
|
|
id: newSettingsMenu
|
|
width: 176
|
|
Action {
|
|
//% "Account Settings"
|
|
text: qsTrId("account-settings")
|
|
icon.source: "../../img/manage-wallet.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: {
|
|
accountSettingsModal.open()
|
|
}
|
|
}
|
|
Action {
|
|
text: qsTr("Manage Assets")
|
|
icon.source: "../../img/add_remove_token.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: {
|
|
tokenSettingsModal.open()
|
|
walletModel.loadCustomTokens()
|
|
}
|
|
}
|
|
Action {
|
|
//% "Set Currency"
|
|
text: qsTrId("set-currency")
|
|
icon.source: "../../img/currency.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: {
|
|
setCurrencyModal.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;formeditorColor:"#ffffff"}
|
|
}
|
|
##^##*/
|