import QtQuick 2.13 import utils 1.0 import shared.status 1.0 import shared.panels 1.0 import StatusQ.Core.Theme 0.1 import StatusQ.Core 0.1 import StatusQ.Components 0.1 import "../../stores" import "../../controls" import "../../popups" Column { id: root property WalletStore walletStore signal goToNetworksView() signal goToAccountView(address: string) signal goToDappPermissionsView() // Temporary commented, we need to bring it back after MVP // https://github.com/status-im/status-desktop/issues/5856 // StatusListItem { // title: qsTr("Manage Assets & List") // height: 64 // width: parent.width // onClicked: Global.openPopup(tokenSettingsModalComponent) // components: [ // StatusIcon { // icon: "chevron-down" // rotation: 270 // color: Theme.palette.baseColor1 // } // ] // } Component { id: tokenSettingsModalComponent TokenSettingsModal { walletStore: root.walletStore onClosed: { destroy(); } } } Separator { height: 17 } StatusListItem { title: qsTr("DApp Permissions") height: 64 width: parent.width onClicked: goToDappPermissionsView() label: qsTr("%n DApp(s) connected", "", root.walletStore.dappList.count) components: [ StatusIcon { icon: "chevron-down" rotation: 270 color: Theme.palette.baseColor1 } ] } Separator { height: 17 } StatusListItem { objectName: "networksItem" title: qsTr("Networks") height: 64 width: parent.width onClicked: goToNetworksView() components: [ StatusIcon { icon: "chevron-down" rotation: 270 color: Theme.palette.baseColor1 } ] } Separator { height: 17 } StatusDescriptionListItem { height: 64 subTitle: qsTr("Accounts") } StatusSectionHeadline { text: qsTr("Generated from Your Seed Phrase") leftPadding: Style.current.padding topPadding: Style.current.halfPadding bottomPadding: Style.current.halfPadding/2 } ListView { width: parent.width height: childrenRect.height objectName: "generatedAccounts" model: walletStore.generatedAccounts delegate: WalletAccountDelegate { account: model onGoToAccountView: { root.goToAccountView(model.address) } } } StatusSectionHeadline { text: qsTr("Imported") leftPadding: Style.current.padding topPadding: Style.current.halfPadding bottomPadding: Style.current.halfPadding/2 } Repeater { model: walletStore.importedAccounts delegate: WalletAccountDelegate { account: model onGoToAccountView: { root.goToAccountView(model.address) } } } StatusSectionHeadline { text: qsTr("Watch-Only") leftPadding: Style.current.padding topPadding: Style.current.halfPadding bottomPadding: Style.current.halfPadding/2 } Repeater { model: walletStore.watchOnlyAccounts delegate: WalletAccountDelegate { account: model onGoToAccountView: { root.goToAccountView(model.address) } } } // Adding padding to the end so that when the view is scrolled to the end there is some gap left Item { height: Style.current.bigPadding width: parent.width } }