chore: some improvements on the storybook side

storybook/pages/AccountSelectorPage.qml

@@ -2,8 +2,6 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 
-import Models
-
 import SortFilterProxyModel
 
 import shared.controls
@@ -14,6 +12,9 @@ import AppLayouts.Wallet.adaptors
 
 import utils
 
+import Models
+import Mocks
+
 SplitView {
     id: root
 
@@ -23,9 +24,9 @@ SplitView {
         id: d
 
         readonly property var flatNetworks: NetworksModel.flatNetworks
-        readonly property var assetsStore: WalletAssetsStore {
+        readonly property var assetsStore: WalletAssetsStoreMock {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: TokensStoreMock {
                 tokenGroupsModel: TokenGroupsModel {}
             }
             readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}

storybook/pages/ActivityFilterMenuPage.qml

@@ -15,14 +15,14 @@ import StatusQ.Popups
 
 import SortFilterProxyModel
 
-import Storybook
-
-import Models
-
 import utils
 
 import shared.controls
 
+import Storybook
+import Models
+import Mocks
+
 SplitView {
     id: root
 
@@ -75,7 +75,7 @@ SplitView {
             }
         }
 
-        readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+        readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
         }
     }
     ActivityFiltersStore {

storybook/pages/AssetsDetailViewPage.qml

@@ -9,6 +9,7 @@ import shared.stores as SharedStores
 import utils
 
 import Models
+import Mocks
 
 Item {
     id: root
@@ -17,7 +18,7 @@ Item {
     AssetsDetailView {
         anchors.fill: parent
 
-        tokensStore: WalletStores.TokensStore {}
+        tokensStore: TokensStoreMock {}
         currencyStore: SharedStores.CurrenciesStore {}
         networkConnectionStore: SharedStores.NetworkConnectionStore {}
 

storybook/pages/BrowserLayoutPage.qml

@@ -7,9 +7,6 @@ import QtQml
 import StatusQ
 import StatusQ.Core.Utils as SQUtils
 
-import Models
-import Storybook
-
 import utils
 
 import AppLayouts.Browser
@@ -18,6 +15,10 @@ import AppLayouts.Wallet.stores
 import shared.stores as SharedStores
 import shared.stores.send
 
+import Storybook
+import Models
+import Mocks
+
 Item {
     id: root
 
@@ -29,7 +30,7 @@ Item {
             Layout.fillWidth: true
             Layout.fillHeight: true
             userUID: "0xdeadbeef"
-            transactionStore: TransactionStore {}
+            transactionStore: TransactionStoreMock {}
             thirdpartyServicesEnabled: true
             connectorController: null
             platformOS: ctrlPlatformOS.currentValue

storybook/pages/BuyCryptoModalPage.qml

@@ -2,9 +2,6 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 
-import Storybook
-import Models
-
 import StatusQ
 import StatusQ.Core.Backpressure
 
@@ -14,6 +11,10 @@ import AppLayouts.Wallet.adaptors
 
 import shared.stores
 
+import Storybook
+import Models
+import Mocks
+
 SplitView {
     id: root
 
@@ -51,9 +52,9 @@ SplitView {
         }
 
         readonly property var currencyStore: CurrenciesStore {}
-        readonly property var assetsStore: WalletAssetsStore {
+        readonly property var assetsStore: WalletAssetsStoreMock {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: TokensStoreMock {
                 tokenGroupsModel: TokenGroupsModel {}
             }
             readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}

storybook/pages/CommunitiesViewPage.qml

@@ -10,9 +10,11 @@ import AppLayouts.Profile.stores
 import mainui
 import utils
 
+import shared.stores as SharedStores
+
 import Storybook
 import Models
-import shared.stores as SharedStores
+import Mocks
 
 SplitView {
     id: root
@@ -21,7 +23,7 @@ SplitView {
 
     orientation: Qt.Vertical
 
-    readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+    readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
     }
 
     readonly property var currencyStore: SharedStores.CurrenciesStore {}

storybook/pages/CommunityMembershipSetupDialogPage.qml

@@ -3,14 +3,15 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQml
 
-import Storybook
-import Models
-
 import shared.popups
 import utils
 
 import AppLayouts.Wallet.stores
 
+import Storybook
+import Models
+import Mocks
+
 SplitView {
     SplitView {
         id: root
@@ -20,7 +21,7 @@ SplitView {
 
         Logs { id: logs }
 
-        readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+        readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
         }
 
         function openDialog() {

storybook/pages/ManageAssetsPanelPage.qml

@@ -9,20 +9,21 @@ import StatusQ.Models
 
 import utils
 
-import Storybook
-import Models
-
 import AppLayouts.Wallet.panels
 import AppLayouts.Wallet.stores
 
+import Storybook
+import Models
+import Mocks
+
 SplitView {
     id: root
 
     Logs { id: logs }
 
     orientation: Qt.Horizontal
 
-    readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+    readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
     }
 
     ManageAssetsPanel {

storybook/pages/ManageHiddenPanelPage.qml

@@ -12,10 +12,11 @@ import AppLayouts.Wallet.stores
 
 import utils
 
+import QtModelsToolkit
+
 import Storybook
 import Models
-
-import QtModelsToolkit
+import Mocks
 
 SplitView {
     id: root
@@ -24,7 +25,7 @@ SplitView {
 
     orientation: Qt.Horizontal
 
-    readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+    readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
     }
 
     ManageCollectiblesModel {

storybook/pages/ProfileShowcaseAssetsPanelPage.qml

@@ -14,10 +14,11 @@ import shared.stores
 
 import utils
 
+import AppLayouts.Wallet.stores
+
 import Storybook
 import Models
-
-import AppLayouts.Wallet.stores
+import Mocks
 
 SplitView {
     id: root
@@ -26,7 +27,7 @@ SplitView {
 
     orientation: Qt.Vertical
 
-    readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+    readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
     }
 
     SortFilterProxyModel {

storybook/pages/SendModalPage.qml

@@ -7,8 +7,6 @@ import StatusQ.Core
 import StatusQ.Core.Utils
 import StatusQ.Controls
 
-import Storybook
-import Models
 import utils
 
 import shared.popups.send
@@ -18,12 +16,16 @@ import shared.stores.send
 import SortFilterProxyModel
 import AppLayouts.Wallet.stores
 
+import Storybook
+import Models
+import Mocks
+
 SplitView {
     id: root
 
     orientation: Qt.Horizontal
 
-    property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+    property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
 
 
         property var groupedAccountAssetsModel: ListModel {
@@ -88,17 +90,39 @@ SplitView {
         }
     }
 
-    TransactionStore {
+    TransactionStoreMock {
         id: txStore
 
         property bool areTestNetworksEnabled: true
 
         function resetData() {}
 
         walletAssetStore: root.walletAssetStore
-        tokensStore.showCommunityAssetsInSend: showCommunityAssetsCheckBox.checked
-        tokensStore.displayAssetsBelowBalance: balanceThresholdCheckbox.checked
-        tokensStore.getDisplayAssetsBelowBalanceThresholdDisplayAmount: () => Number(balanceThresholdValue.text)
+        Component.onCompleted: {
+            if (tokensStore) {
+                tokensStore.showCommunityAssetsInSend = showCommunityAssetsCheckBox.checked
+                tokensStore.displayAssetsBelowBalance = balanceThresholdCheckbox.checked
+                tokensStore._displayAssetsBelowBalanceThresholdDisplayAmountFunc = () => Number(balanceThresholdValue.text)
+            }
+        }
+    }
+
+    Connections {
+        target: showCommunityAssetsCheckBox
+        function onCheckedChanged() {
+            if (txStore.tokensStore) {
+                txStore.tokensStore.showCommunityAssetsInSend = showCommunityAssetsCheckBox.checked
+            }
+        }
+    }
+
+    Connections {
+        target: balanceThresholdCheckbox
+        function onCheckedChanged() {
+            if (txStore.tokensStore) {
+                txStore.tokensStore.displayAssetsBelowBalance = balanceThresholdCheckbox.checked
+            }
+        }
     }
 
     NetworksStore {

storybook/pages/SharedAddressesAccountSelectorPage.qml

@@ -1,12 +1,12 @@
 import QtQuick
 import QtQuick.Controls
 
-import Storybook
-import Models
-
 import AppLayouts.Wallet.stores
 import AppLayouts.Communities.panels
 
+import Storybook
+import Models
+import Mocks
 
 SplitView {
     id: root
@@ -16,7 +16,7 @@ SplitView {
 
     Logs { id: logs }
 
-    readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
+    readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
     }
 
     WalletAccountsModel {

storybook/pages/SimpleSendModalPage.qml

@@ -11,15 +11,16 @@ import StatusQ.Core.Utils
 import StatusQ.Core.Theme
 import StatusQ.Core.Backpressure
 
-import Models
-import Storybook
-
 import AppLayouts.Wallet.popups.simpleSend
 import AppLayouts.Wallet.stores
 import AppLayouts.Wallet.adaptors
 
 import utils
 
+import Storybook
+import Models
+import Mocks
+
 SplitView {
     id: root
 
@@ -33,10 +34,10 @@ SplitView {
             filters: ValueFilter { roleName: "isTest"; value: testNetworksCheckbox.checked }
         }
 
-        readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
-            walletTokensStore: TokensStore {
+        readonly property WalletAssetsStoreMock walletAssetStore: WalletAssetsStoreMock {
+            walletTokensStore: TokensStoreMock {
                 tokenGroupsModel: TokenGroupsModel{}
-                getDisplayAssetsBelowBalanceThresholdDisplayAmount: () => 0
+                _displayAssetsBelowBalanceThresholdDisplayAmountFunc: () => 0
             }
         }