Add unverified NFT collections footer to CollectionsScene

Author: DRadmir

Features/NFT/Sources/Protocols/CollectionsViewable.swift

@@ -14,7 +14,7 @@ public protocol CollectionsViewable: AnyObject, Observable {
 
     var title: String { get }
     var columns: [GridItem] { get }
-    var items: [GridPosterViewItem] { get }
+    var content: CollectionsContent { get }
     var emptyContentModel: EmptyContentTypeViewModel { get }
 
     var wallet: Wallet { get set }

Features/NFT/Sources/Scenes/CollectibleScene.swift

@@ -63,7 +63,8 @@ extension CollectibleScene {
             Spacer()
         } footer: {
             HeaderButtonsView(buttons: model.headerButtons, action: model.onSelectHeaderButton(type:))
-                .padding(.top, .small)
+                .padding(.top, .medium)
+                .padding(.bottom, .small)
         }
         .frame(maxWidth: .infinity)
         .textCase(nil)

Features/NFT/Sources/Scenes/CollectionsScene.swift

@@ -8,6 +8,7 @@ import Store
 import Components
 import Style
 import PrimitivesComponents
+import Localization
 
 public struct CollectionsScene<ViewModel: CollectionsViewable>: View {
     @State private var model: ViewModel
@@ -17,15 +18,35 @@ public struct CollectionsScene<ViewModel: CollectionsViewable>: View {
     }
 
     public var body: some View {
-        ScrollView {
-            LazyVGrid(columns: model.columns) {
-                collectionsView
+        GeometryReader { geometry in
+            ScrollView {
+                VStack(spacing: .zero) {
+                    LazyVGrid(columns: model.columns) {
+                        collectionsView
+                    }
+                    .padding(.horizontal, .medium)
+
+                    Spacer(minLength: .medium)
+
+                    if let unverifiedCount = model.content.unverifiedCount {
+                        List {
+                            NavigationLink(value: Scenes.UnverifiedCollections()) {
+                                ListItemView(
+                                    title: Localized.Asset.Verification.unverified,
+                                    subtitle: unverifiedCount
+                                )
+                            }
+                        }
+                        .scrollDisabled(true)
+                        .frame(height: .list.minHeight)
+                    }
+                }
+                .frame(minHeight: geometry.size.height)
             }
-            .padding(.horizontal, Spacing.medium)
         }
         .observeQuery(request: $model.request, value: $model.nftDataList)
         .overlay {
-            if model.items.isEmpty {
+            if model.content.items.isEmpty {
                 EmptyContentView(model: model.emptyContentModel)
             }
         }
@@ -41,7 +62,7 @@ public struct CollectionsScene<ViewModel: CollectionsViewable>: View {
 
 extension CollectionsScene {
     private var collectionsView: some View {
-        ForEach(model.items) { item in
+        ForEach(model.content.items) { item in
             NavigationLink(value: item.destination) {
                 GridPosterView(
                     assetImage: item.assetImage,

Features/NFT/Sources/Types/CollectionsContent.swift

@@ -0,0 +1,16 @@
+// Copyright (c). Gem Wallet. All rights reserved.
+
+import Foundation
+
+public struct CollectionsContent: Sendable {
+    public let items: [GridPosterViewItem]
+    public let unverifiedCount: String?
+
+    public init(
+        items: [GridPosterViewItem],
+        unverifiedCount: String? = nil
+    ) {
+        self.items = items
+        self.unverifiedCount = unverifiedCount
+    }
+}

Features/NFT/Sources/ViewModels/CollectionViewModel.swift

@@ -31,10 +31,12 @@ public final class CollectionViewModel: CollectionsViewable, Sendable {
 
     public var title: String { collectionName }
 
-    public var items: [GridPosterViewItem] {
-        nftDataList.flatMap { data in
-            data.assets.map { buildGridItem(collection: data.collection, asset: $0) }
-        }
+    public var content: CollectionsContent {
+        CollectionsContent(
+            items: nftDataList.flatMap { data in
+                data.assets.map { buildGridItem(collection: data.collection, asset: $0) }
+            }
+        )
     }
 
 }

Features/NFT/Sources/ViewModels/CollectionsViewModel.swift

@@ -41,10 +41,13 @@ public final class CollectionsViewModel: CollectionsViewable, Sendable {
         walletService.currentWallet
     }
 
-    public var items: [GridPosterViewItem] {
-        verifiedItems + unverifiedItem
+    public var content: CollectionsContent {
+        CollectionsContent(
+            items: verifiedItems,
+            unverifiedCount: unverifiedCount
+        )
     }
-    
+
     // MARK: - Private
 
     private var verifiedItems: [GridPosterViewItem] {
@@ -53,13 +56,10 @@ public final class CollectionsViewModel: CollectionsViewable, Sendable {
             .map { buildGridItem(from: $0) }
     }
 
-    private var unverifiedItem: [GridPosterViewItem] {
-        let ids = nftDataList
-            .filter { $0.collection.isVerified == false }
-            .map(\.collection.id)
-
-        guard ids.isNotEmpty else { return [] }
-        return [.unverified(collectionIds: ids)]
+    private var unverifiedCount: String? {
+        let unverified = nftDataList.filter { !$0.collection.isVerified }
+        guard unverified.isNotEmpty else { return nil }
+        return unverified.count.asString
     }
 
     // MARK: - Actions
@@ -74,14 +74,3 @@ public final class CollectionsViewModel: CollectionsViewable, Sendable {
     }
 }
 
-extension GridPosterViewItem {
-    static func unverified(collectionIds: [String]) -> GridPosterViewItem {
-        GridPosterViewItem(
-            id: collectionIds.joined(separator: "-").hash.asString,
-            destination: Scenes.UnverifiedCollections(),
-            assetImage: .image(Images.TokenStatus.warning),
-            title: Localized.Asset.Verification.unverified,
-            count: collectionIds.count
-        )
-    }
-}

Features/NFT/Sources/ViewModels/UnverifiedCollectionsViewModel.swift

@@ -25,7 +25,7 @@ public final class UnverifiedCollectionsViewModel: CollectionsViewable, Sendable
 
     public var title: String { Localized.Asset.Verification.unverified }
 
-    public var items: [GridPosterViewItem] {
-        nftDataList.map { buildGridItem(from: $0) }
+    public var content: CollectionsContent {
+        CollectionsContent(items: nftDataList.map { buildGridItem(from: $0) })
     }
 }

Packages/Style/Sources/Spacing.swift

@@ -52,7 +52,6 @@ public extension Spacing {
         public static let top: CGFloat = space16
         /// 8
         public static let bottom: CGFloat = space8
-        
         /// 72
         public static let bannerHeight: CGFloat = 72
 
@@ -107,6 +106,8 @@ public extension Sizing {
     }
 
     struct list {
+        /// 100
+        public static let minHeight: CGFloat = 100
         /// 16
         public static let accessory: CGFloat = 16
         /// 22