chore: some improvements on the storybook side

saledjenic · saledjenic · commit 8ce79e6844f7 · 2025-12-11T16:42:04.000+01:00
diff --git a/storybook/pages/AccountSelectorPage.qml b/storybook/pages/AccountSelectorPage.qml
@@ -10,6 +10,7 @@ import shared.controls
 import shared.stores
 
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.adaptors
 
 import utils
@@ -25,7 +26,7 @@ SplitView {
         readonly property var flatNetworks: NetworksModel.flatNetworks
         readonly property var assetsStore: WalletAssetsStore {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel {}
             }
             readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}
diff --git a/storybook/pages/AssetsDetailViewPage.qml b/storybook/pages/AssetsDetailViewPage.qml
@@ -3,6 +3,7 @@ import QtQuick.Layouts
 
 import AppLayouts.Wallet.views
 import AppLayouts.Wallet.stores as WalletStores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 
 import shared.stores as SharedStores
 
@@ -17,7 +18,7 @@ Item {
     AssetsDetailView {
         anchors.fill: parent
 
-        tokensStore: WalletStores.TokensStore {}
+        tokensStore: WalletStoreMocks.TokensStore {}
         currencyStore: SharedStores.CurrenciesStore {}
         networkConnectionStore: SharedStores.NetworkConnectionStore {}
 
diff --git a/storybook/pages/BuyCryptoModalPage.qml b/storybook/pages/BuyCryptoModalPage.qml
@@ -10,6 +10,7 @@ import StatusQ.Core.Backpressure
 
 import AppLayouts.Wallet.popups.buy
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.adaptors
 
 import shared.stores
@@ -53,7 +54,7 @@ SplitView {
         readonly property var currencyStore: CurrenciesStore {}
         readonly property var assetsStore: WalletAssetsStore {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel {}
             }
             readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}
diff --git a/storybook/pages/SendModalPage.qml b/storybook/pages/SendModalPage.qml
@@ -96,9 +96,31 @@ SplitView {
         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 {
diff --git a/storybook/pages/SimpleSendModalPage.qml b/storybook/pages/SimpleSendModalPage.qml
@@ -16,6 +16,7 @@ import Storybook
 
 import AppLayouts.Wallet.popups.simpleSend
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.adaptors
 
 import utils
@@ -34,9 +35,9 @@ SplitView {
         }
 
         readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel{}
-                getDisplayAssetsBelowBalanceThresholdDisplayAmount: () => 0
+                _displayAssetsBelowBalanceThresholdDisplayAmountFunc: () => 0
             }
         }
 
diff --git a/storybook/pages/SwapInputPanelPage.qml b/storybook/pages/SwapInputPanelPage.qml
@@ -11,6 +11,7 @@ import shared.stores
 import shared.stores.send
 
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.panels
 import AppLayouts.Wallet.controls
 
@@ -75,7 +76,7 @@ SplitView {
             }
             walletAssetsStore: WalletAssetsStore {
                 id: thisWalletAssetStore
-                walletTokensStore: TokensStore {
+                walletTokensStore: WalletStoreMocks.TokensStore {
                     tokenGroupsModel: TokenGroupsModel {}
                 }
                 readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}
diff --git a/storybook/pages/SwapModalPage.qml b/storybook/pages/SwapModalPage.qml
@@ -17,6 +17,7 @@ import Models
 import mainui
 import AppLayouts.Wallet.popups.swap
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.stores as AppLayoutStores
 import shared.stores as SharedStores
 
@@ -115,10 +116,10 @@ SplitView {
             signalName: "authenticateAndTransferSignal"
         }
 
-        TokensStore {
+        WalletStoreMocks.TokensStore {
             id: tokensStore
             tokenGroupsModel: TokenGroupsModel {}
-            getDisplayAssetsBelowBalanceThresholdDisplayAmount: () => 0
+            _displayAssetsBelowBalanceThresholdDisplayAmountFunc: () => 0
         }
 
         SwapModalAdaptor {
diff --git a/storybook/pages/WalletAccountsSelectorAdaptorPage.qml b/storybook/pages/WalletAccountsSelectorAdaptorPage.qml
@@ -4,6 +4,7 @@ import QtQuick.Layouts
 import SortFilterProxyModel
 
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.adaptors
 
 import Storybook
@@ -100,7 +101,7 @@ Item {
 
         readonly property var assetsStore: WalletAssetsStore {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel {}
             }
             readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}
diff --git a/storybook/qmlTests/tests/tst_BuyCryptoModal.qml b/storybook/qmlTests/tests/tst_BuyCryptoModal.qml
@@ -14,6 +14,7 @@ import utils
 
 import AppLayouts.Wallet.popups.buy
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 
 import shared.stores
 
@@ -92,7 +93,7 @@ Item {
             }
             readonly property var assetsStore: WalletAssetsStore {
                 id: thisWalletAssetStore
-                walletTokensStore: TokensStore {
+                walletTokensStore: WalletStoreMocks.TokensStore {
                     tokenGroupsModel: TokenGroupsModel {}
                 }
             }
diff --git a/storybook/qmlTests/tests/tst_DAppsWorkflow.qml b/storybook/qmlTests/tests/tst_DAppsWorkflow.qml
@@ -16,6 +16,7 @@ import AppLayouts.Wallet.services.dapps.types
 import AppLayouts.Profile.stores
 import AppLayouts.Wallet.panels
 import AppLayouts.Wallet.stores as WalletStore
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.popups.dapps
 
 import shared.stores
@@ -313,7 +314,7 @@ Item {
 
     WalletStore.WalletAssetsStore {
         id: assetsStoreMock
-        walletTokensStore: WalletStore.TokensStore {
+        walletTokensStore: WalletStoreMocks.TokensStore {
             tokenGroupsModel: TokenGroupsModel {}
         }
     }
@@ -581,7 +582,7 @@ Item {
             session.params.request.expiryTimestamp = (Date.now() - 10000) / 1000
 
             verify(session.params.request.expiryTimestamp < Date.now() / 1000, "expected expiryTimestamp to be in the past")
-            
+
             mockActiveSession(handler.accountsModel, handler.networksModel, sdk, topic)
             sdk.sessionRequestEvent(session)
 
diff --git a/storybook/qmlTests/tests/tst_SwapInputPanel.qml b/storybook/qmlTests/tests/tst_SwapInputPanel.qml
@@ -7,6 +7,7 @@ import StatusQ.Controls
 import StatusQ.Core.Utils
 
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.panels
 import AppLayouts.Wallet.popups.swap
 import AppLayouts.Wallet.adaptors
@@ -36,7 +37,7 @@ Item {
                 readonly property var accounts: WalletAccountsModel {}
             }
             walletAssetsStore: WalletAssetsStore {
-                walletTokensStore: TokensStore {
+                walletTokensStore: WalletStoreMocks.TokensStore {
                     tokenGroupsModel: TokenGroupsModel {}
                     tokenGroupsForChainModel: TokenGroupsModel {
                             skipInitialLoad: true
diff --git a/storybook/qmlTests/tests/tst_SwapModal.qml b/storybook/qmlTests/tests/tst_SwapModal.qml
@@ -1,4 +1,4 @@
-﻿import QtQuick
+import QtQuick
 import QtTest
 
 import StatusQ.Core
@@ -15,6 +15,7 @@ import utils
 import shared.stores
 import AppLayouts.Wallet.popups.swap
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet
 import AppLayouts.Wallet.adaptors
 
@@ -52,7 +53,7 @@ Item {
         currencyStore: CurrenciesStore {}
         walletAssetsStore: WalletAssetsStore {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel {}
                 tokenGroupsForChainModel: TokenGroupsModel {
                     skipInitialLoad: true
@@ -61,7 +62,7 @@ Item {
                     skipInitialLoad: true
                     tokenGroupsForChainModel: thisWalletAssetStore.walletTokensStore.tokenGroupsForChainModel
                 }
-                getDisplayAssetsBelowBalanceThresholdDisplayAmount: () => 0
+                _displayAssetsBelowBalanceThresholdDisplayAmountFunc: () => 0
             }
             readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}
         }
diff --git a/storybook/qmlTests/tests/tst_TokenSelectorViewAdaptor.qml b/storybook/qmlTests/tests/tst_TokenSelectorViewAdaptor.qml
@@ -8,6 +8,7 @@ import StatusQ
 import StatusQ.Core.Utils
 
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.adaptors
 
 import QtModelsToolkit
@@ -26,7 +27,7 @@ Item {
 
         readonly property var flatNetworks: NetworksModel.flatNetworks
         readonly property var assetsStore: WalletAssetsStore {
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel {}
                 tokenGroupsForChainModel: TokenGroupsModel {
                         skipInitialLoad: true
diff --git a/storybook/qmlTests/tests/tst_WalletAccountsSelectorAdaptor.qml b/storybook/qmlTests/tests/tst_WalletAccountsSelectorAdaptor.qml
@@ -5,6 +5,7 @@ import StatusQ
 import StatusQ.Core.Utils
 
 import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
 import AppLayouts.Wallet.adaptors
 
 import Models
@@ -109,7 +110,7 @@ Item {
         readonly property var flatNetworks: NetworksModel.flatNetworks
         readonly property var assetsStore: WalletAssetsStore {
             id: thisWalletAssetStore
-            walletTokensStore: TokensStore {
+            walletTokensStore: WalletStoreMocks.TokensStore {
                 tokenGroupsModel: TokenGroupsModel {}
             }
         }
diff --git a/storybook/stubs/AppLayouts/Wallet/stores/TokensStore.qml b/storybook/stubs/AppLayouts/Wallet/stores/TokensStore.qml
@@ -1,74 +1,3 @@
 import QtQuick
 
-import StatusQ.Core.Utils
-
-import QtModelsToolkit
-
-QtObject {
-    id: root
-
-    property var tokenGroupsModel
-    property var tokenGroupsForChainModel
-    property var searchResultModel
-    property bool showCommunityAssetsInSend
-    property bool displayAssetsBelowBalance
-    property var getDisplayAssetsBelowBalanceThresholdDisplayAmount
-    property double tokenListUpdatedAt
-
-    function buildGroupsForChain(chainId) {
-        if (!root.tokenGroupsModel || chainId <= 0) {
-            console.warn("buildGroupsForChain: invalid parameters", chainId)
-            return
-        }
-
-        if (!root.tokenGroupsForChainModel) {
-            console.warn("buildGroupsForChain: tokenGroupsForChainModel is not set")
-            return
-        }
-
-        root.tokenGroupsForChainModel.clear()
-
-        for (let i = 0; i < root.tokenGroupsModel.ModelCount.count; i++) {
-            const group = ModelUtils.get(root.tokenGroupsModel, i)
-
-            if (!group.tokens || group.tokens.ModelCount.count === 0) {
-                continue
-            }
-
-            const tokensListModel = Qt.createQmlObject('import QtQuick; ListModel {}', root)
-            for (let j = 0; j < group.tokens.ModelCount.count; j++) {
-                const token = ModelUtils.get(group.tokens, j)
-                if (token.chainId === chainId) {
-                    tokensListModel.append({
-                        key: token.key,
-                        groupKey: token.groupKey,
-                        crossChainId: token.crossChainId,
-                        chainId: token.chainId,
-                        address: token.address,
-                        name: token.name,
-                        symbol: token.symbol,
-                        decimals: token.decimals,
-                        image: token.image,
-                        customToken: token.customToken,
-                        communityId: token.communityId
-                    })
-                }
-            }
-
-            if (tokensListModel.count > 0) {
-                root.tokenGroupsForChainModel.append({
-                    key: group.key,
-                    symbol: group.symbol,
-                    name: group.name,
-                    decimals: group.decimals,
-                    logoUri: group.logoUri,
-                    tokens: tokensListModel,
-                    communityId: group.communityId || "",
-                    marketDetails: group.marketDetails || {},
-                    detailsLoading: group.detailsLoading || false,
-                    marketDetailsLoading: group.marketDetailsLoading || false
-                })
-            }
-        }
-    }
-}
+QtObject {}
diff --git a/storybook/stubs/AppLayouts/Wallet/stores/WalletAssetsStore.qml b/storybook/stubs/AppLayouts/Wallet/stores/WalletAssetsStore.qml
@@ -12,10 +12,13 @@ import utils
 import QtModelsToolkit
 import SortFilterProxyModel
 
+import AppLayouts.Wallet.stores
+import AppLayouts.Wallet.storesmocks as WalletStoreMocks
+
 QtObject {
     id: root
 
-    property TokensStore walletTokensStore: TokensStore {}
+    property var walletTokensStore: WalletStoreMocks.TokensStore {}
 
     property var baseGroupedAccountAssetModel: BaseGroupedAccountsAssetsModel {}
 
diff --git a/storybook/stubs/AppLayouts/Wallet/storesmocks/TokensStore.qml b/storybook/stubs/AppLayouts/Wallet/storesmocks/TokensStore.qml
diff --git a/storybook/stubs/AppLayouts/Wallet/storesmocks/qmldir b/storybook/stubs/AppLayouts/Wallet/storesmocks/qmldir
diff --git a/storybook/stubs/shared/stores/send/TransactionStore.qml b/storybook/stubs/shared/stores/send/TransactionStore.qml
diff --git a/ui/app/AppLayouts/Chat/popups/PaymentRequestModal.qml b/ui/app/AppLayouts/Chat/popups/PaymentRequestModal.qml
diff --git a/ui/app/AppLayouts/Wallet/panels/SearchableAssetsPanel.qml b/ui/app/AppLayouts/Wallet/panels/SearchableAssetsPanel.qml
diff --git a/ui/imports/shared/popups/send/SendModal.qml b/ui/imports/shared/popups/send/SendModal.qml

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ import Storybook`
`16`	`16`
`17`	`17`	`import AppLayouts.Wallet.popups.simpleSend`
`18`	`18`	`import AppLayouts.Wallet.stores`
	`19`	`+import AppLayouts.Wallet.storesmocks as WalletStoreMocks`
`19`	`20`	`import AppLayouts.Wallet.adaptors`
`20`	`21`
`21`	`22`	`import utils`
`@@ -34,9 +35,9 @@ SplitView {`
`34`	`35`	`}`
`35`	`36`
`36`	`37`	`readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {`
`37`		`- walletTokensStore: TokensStore {`
	`38`	`+ walletTokensStore: WalletStoreMocks.TokensStore {`
`38`	`39`	`tokenGroupsModel: TokenGroupsModel{}`
`39`		`- getDisplayAssetsBelowBalanceThresholdDisplayAmount: () => 0`
	`40`	`+ _displayAssetsBelowBalanceThresholdDisplayAmountFunc: () => 0`
`40`	`41`	`}`
`41`	`42`	`}`
`42`	`43`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ import shared.stores`
`11`	`11`	`import shared.stores.send`
`12`	`12`
`13`	`13`	`import AppLayouts.Wallet.stores`
	`14`	`+import AppLayouts.Wallet.storesmocks as WalletStoreMocks`
`14`	`15`	`import AppLayouts.Wallet.panels`
`15`	`16`	`import AppLayouts.Wallet.controls`
`16`	`17`
`@@ -75,7 +76,7 @@ SplitView {`
`75`	`76`	`}`
`76`	`77`	`walletAssetsStore: WalletAssetsStore {`
`77`	`78`	`id: thisWalletAssetStore`
`78`		`- walletTokensStore: TokensStore {`
	`79`	`+ walletTokensStore: WalletStoreMocks.TokensStore {`
`79`	`80`	`tokenGroupsModel: TokenGroupsModel {}`
`80`	`81`	`}`
`81`	`82`	`readonly property var baseGroupedAccountAssetModel: GroupedAccountsAssetsModel {}`
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@ import utils`
`14`	`14`
`15`	`15`	`import AppLayouts.Wallet.popups.buy`
`16`	`16`	`import AppLayouts.Wallet.stores`
	`17`	`+import AppLayouts.Wallet.storesmocks as WalletStoreMocks`
`17`	`18`
`18`	`19`	`import shared.stores`
`19`	`20`
`@@ -92,7 +93,7 @@ Item {`
`92`	`93`	`}`
`93`	`94`	`readonly property var assetsStore: WalletAssetsStore {`
`94`	`95`	`id: thisWalletAssetStore`
`95`		`- walletTokensStore: TokensStore {`
	`96`	`+ walletTokensStore: WalletStoreMocks.TokensStore {`
`96`	`97`	`tokenGroupsModel: TokenGroupsModel {}`
`97`	`98`	`}`
`98`	`99`	`}`