TokenSelectorPanel: tabs layout/sizing simplified

status-im · Sep 20, 2024 · ee3bf86 · ee3bf86
1 parent fc39b41
commit ee3bf86
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 17 deletions.
diff --git a/ui/app/AppLayouts/Wallet/panels/SearchableCollectiblesPanel.qml b/ui/app/AppLayouts/Wallet/panels/SearchableCollectiblesPanel.qml
@@ -53,6 +53,8 @@ Control {
     contentItem: StackView {
         id: collectiblesStackView
 
+        implicitHeight: currentItem.implicitHeight
+
         initialItem: ColumnLayout {
             spacing: 0
 

diff --git a/ui/app/AppLayouts/Wallet/panels/TokenSelectorPanel.qml b/ui/app/AppLayouts/Wallet/panels/TokenSelectorPanel.qml
@@ -72,28 +72,27 @@ Control {
             }
         }
 
-        StackLayout {
-            Layout.maximumHeight: 400
+        SearchableAssetsPanel {
+            id: searchableAssetsPanel
 
-            visible: !!root.assetsModel || !!root.collectiblesModel
-            currentIndex: tabBar.currentIndex
-
-            SearchableAssetsPanel {
-                id: searchableAssetsPanel
-
-                Layout.preferredHeight: visible ? implicitHeight : 0
+            visible: tabBar.currentIndex === TokenSelectorPanel.Tabs.Assets
+                     && !!root.assetsModel
+            Layout.fillWidth: true
+            Layout.fillHeight: true
 
-                onSelected: root.assetSelected(key)
-            }
+            onSelected: root.assetSelected(key)
+        }
 
-            SearchableCollectiblesPanel {
-                id: searchableCollectiblesPanel
+        SearchableCollectiblesPanel {
+            id: searchableCollectiblesPanel
 
-                Layout.preferredHeight: visible ? currentItem.implicitHeight : 0
+            visible: tabBar.currentIndex === TokenSelectorPanel.Tabs.Collectibles
+                     && !!root.collectiblesModel
+            Layout.fillWidth: true
+            Layout.fillHeight: true
 
-                onCollectibleSelected: root.collectibleSelected(key)
-                onCollectionSelected: root.collectionSelected(key)
-            }
+            onCollectibleSelected: root.collectibleSelected(key)
+            onCollectionSelected: root.collectionSelected(key)
         }
     }
 }