status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(@wallet): bring back filter network from wallet2

This commit is contained in:
Anthony Laibe 2022-02-15 14:19:45 +01:00 committed by Anthony Laibe
parent 03b4bb0511
commit 0acfd9b50c
5 changed files with 193 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
ui/app/AppLayouts/Wallet/controls/NetworkFilter.qml Normal file
View File

@ -0,0 +1,96 @@
import QtQuick 2.13
import shared 1.0
import shared.panels 1.0
import utils 1.0
import "../popups"
Item {
id: root
width: selectRectangle.width
height: childrenRect.height
signal toggleNetwork(int chainId)
property var store
Rectangle {
id: selectRectangle
border.width: 1
border.color: Style.current.border
radius: Style.current.radius
width: text.width + Style.current.padding * 4
height: text.height + Style.current.padding
StyledText {
id: text
text: qsTr("All networks")
anchors.left: parent.left
anchors.leftMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: Style.current.primaryTextFontSize
}
SVGImage {
id: caretImg
width: 10
height: 6
source: Style.svg("caret")
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
fillMode: Image.PreserveAspectFit
}
}
MouseArea {
anchors.fill: selectRectangle
cursorShape: Qt.PointingHandCursor
onClicked: {
if (selectPopup.opened) {
selectPopup.close();
return;
}
selectPopup.open();
}
}
Grid {
id: enabledNetworks
columns: 2
spacing: 2
visible: (chainRepeater.count > 0)
Repeater {
id: chainRepeater
model: store.enabledNetworks
width: parent.width
height: parent.height
Rectangle {
color: Utils.setColorAlpha(Style.current.blue, 0.1)
width: text.width + Style.current.halfPadding
height: text.height + Style.current.halfPadding
radius: Style.current.radius
StyledText {
id: text
text: model.chainName
color: Style.current.blue
font.pixelSize: Style.current.secondaryTextFontSize
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
}
}
}
}
NetworkSelectPopup {
id: selectPopup
x: (parent.width - width)
y: (root.height - networkFilterPanel.height)
model: store.allNetworks
onToggleNetwork: {
store.toggleNetwork(chainId)
}
}
}

13
ui/app/AppLayouts/Wallet/panels/WalletHeader.qml
View File

@ -20,6 +20,7 @@ Item {
property var currentAccount
property var changeSelectedAccount
property var store
property var walletStore
height: walletAddress.y + walletAddress.height
anchors.right: parent.right
@ -76,13 +77,23 @@ Item {
store: walletHeader.store
}
NetworkFilter {
id: networkFilter
visible: walletHeader.walletStore.isMultiNetworkEnabled
anchors.top: parent.top
anchors.topMargin: 56
anchors.left: walletBalance.right
anchors.leftMargin: 70
store: walletHeader.walletStore
}
Component {
id: receiveModalComponent
ReceiveModal {
onClosed: {
destroy();
}
selectedAccount: RootStore.currentAccount
selectedAccount: walletHeader.walletStore.currentAccount
}
}

83
ui/app/AppLayouts/Wallet/popups/NetworkSelectPopup.qml Normal file
View File

@ -0,0 +1,83 @@
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.3
import QtGraphicalEffects 1.0
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Components 0.1
import StatusQ.Controls 0.1
import utils 1.0
// TODO: replace with StatusModal
Popup {
id: popup
modal: false
width: 360
height: 432
closePolicy: Popup.CloseOnEscape
property var model
signal toggleNetwork(int chainId)
background: Rectangle {
radius: Style.current.radius
color: Style.current.background
border.color: Style.current.border
layer.enabled: true
layer.effect: DropShadow{
verticalOffset: 3
radius: 8
samples: 15
fast: true
cached: true
color: "#22000000"
}
}
contentItem: ScrollView {
id: scrollView
contentHeight: content.height
width: popup.width
height: popup.height
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
clip: true
Column {
id: content
width: popup.width
spacing: Style.current.padding
Repeater {
id: chainRepeater
model: popup.model
Item {
width: content.width
height: 40
StatusBaseText {
anchors.left: parent.left
anchors.leftMargin: Style.current.bigPadding
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: Style.current.primaryTextFontSize
text: model.chainName
color: Theme.palette.directColor1
}
StatusCheckBox {
anchors.right: parent.right
anchors.rightMargin: Style.current.bigPadding
anchors.verticalCenter: parent.verticalCenter
checked: model.enabled
onCheckedChanged: {
if(checked !== model.enabled){
popup.toggleNetwork(model.chainId)
}
}
}
}
}
}
}
}

1
ui/app/AppLayouts/Wallet/stores/RootStore.qml
View File

@ -10,6 +10,7 @@ QtObject {
property var accountSensitiveSettings: localAccountSensitiveSettings
property string locale: appSettings.locale
property bool hideSignPhraseModal: accountSensitiveSettings.hideSignPhraseModal
property bool isMultiNetworkEnabled: accountSensitiveSettings.isMultiNetworkEnabled
property string currentCurrency: walletSection.currentCurrency
property string totalCurrencyBalance: walletSection.totalCurrencyBalance

1
ui/app/AppLayouts/Wallet/views/RightTabView.qml
View File

@ -27,6 +27,7 @@ Item {
currentAccount: RootStore.currentAccount
changeSelectedAccount: walletContainer.changeSelectedAccount
store: walletContainer.store
walletStore: RootStore
}
RowLayout {