feat(HoldingsDropdown): Added property `isCollectiblesOnly`

- Added property that allows to switch the holdings dropdown to only be used in collectibles mode.
- Updated storybook accordingly.

Part of #9938

storybook/pages/HoldingsDropdownPage.qml

@@ -50,6 +50,7 @@ SplitView {
             collectiblesModel: CollectiblesModel {}
             assetsModel: AssetsModel {}
             isENSTab: isEnsTabChecker.checked
+            isCollectiblesOnly: isCollectiblesOnlyChecker.checked
 
             onOpened: contentItem.parent.parent = container
             Component.onCompleted: {
@@ -64,10 +65,18 @@ SplitView {
         SplitView.minimumHeight: 100
         SplitView.preferredHeight: 250
 
-        CheckBox {
-            id: isEnsTabChecker
-            text: "Is ENS tab visible?"
-            checked: true
+        RowLayout {
+            CheckBox {
+                id: isEnsTabChecker
+                text: "Is ENS tab visible?"
+                checked: true
+            }
+
+            CheckBox {
+                id: isCollectiblesOnlyChecker
+                text: "Is collectibles only visible?"
+                checked: false
+            }
         }
     }
 }

ui/app/AppLayouts/Chat/controls/community/HoldingsDropdown.qml

@@ -16,6 +16,7 @@ StatusDropdown {
     property var assetsModel
     property var collectiblesModel
     property bool isENSTab: true
+    property bool isCollectiblesOnly: false
 
     property var usedTokens: []
     property var usedEnsNames: []
@@ -54,11 +55,11 @@ StatusDropdown {
     }
 
     function setActiveTab(holdingType) {
-        d.currentHoldingType = holdingType
+        d.currentHoldingType = root.isCollectiblesOnly ? HoldingTypes.Type.Collectible : holdingType
     }
 
     function reset() {
-        d.currentHoldingType = HoldingTypes.Type.Asset
+        d.currentHoldingType = root.isCollectiblesOnly ? HoldingTypes.Type.Collectible : HoldingTypes.Type.Asset
         d.initialHoldingMode = HoldingTypes.Mode.Add
 
         root.assetKey = ""
@@ -83,7 +84,7 @@ StatusDropdown {
         readonly property bool ensReady: d.ensDomainNameValid
 
         property int extendedDropdownType: ExtendedDropdownContent.Type.Assets
-        property int currentHoldingType: HoldingTypes.Type.Asset
+        property int currentHoldingType: root.isCollectiblesOnly ? HoldingTypes.Type.Collectible : HoldingTypes.Type.Asset
 
         property bool updateSelected: false
 
@@ -165,7 +166,7 @@ StatusDropdown {
         StatusSwitchTabBar {
             id: tabBar
 
-            visible: !backButton.visible
+            visible: !root.isCollectiblesOnly && !backButton.visible
             Layout.preferredHeight: d.tabBarHeigh
             Layout.fillWidth: true
             currentIndex: d.holdingTypes.indexOf(d.currentHoldingType)
@@ -189,7 +190,7 @@ StatusDropdown {
 
             onCurrentIndexChanged: {
                 if(currentIndex >= 0) {
-                    d.currentHoldingType = d.holdingTypes[currentIndex]
+                    d.currentHoldingType = root.isCollectiblesOnly ? HoldingTypes.Type.Collectible : d.holdingTypes[currentIndex]
                     d.setInitialFlow()
                 }
             }
@@ -232,6 +233,8 @@ StatusDropdown {
     }
 
     onClosed: root.reset()
+    onIsCollectiblesOnlyChanged: root.reset()
+    onIsENSTabChanged: root.reset()
 
     Component {
         id: listLayout