feat(swap): improve ui and sorting

p2p-org · Jan 29, 2024 · aead0cd · aead0cd
1 parent 4cf5ff7
commit aead0cd
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 11 deletions.
diff --git a/p2p_wallet/Scenes/Main/Swap/ChooseSwapItem/Service/ChooseSwapTokenService.swift b/p2p_wallet/Scenes/Main/Swap/ChooseSwapItem/Service/ChooseSwapTokenService.swift
@@ -52,11 +52,17 @@ final class ChooseSwapTokenService: ChooseItemService {
     func sortFiltered(by keyword: String, items: [ChooseItemListSection]) -> [ChooseItemListSection] {
         let sections = items.map { section in
             guard var tokens = section.items as? [SwapToken] else { return section }
-            tokens = tokens.sorted(by: { lhs, _ in
+            tokens = tokens.sorted(by: { lhs, rhs in
                 // Put 'start' matches in the beginning of array, 'contains' after
-                lhs.token.name.lowercased().starts(with: keyword.lowercased()) ||
-                    lhs.token.symbol.lowercased().starts(with: keyword.lowercased()) ||
-                    lhs.token.mintAddress.lowercased().starts(with: keyword.lowercased())
+                if !lhs.isNonStrict, rhs.isNonStrict {
+                    return true
+                } else if lhs.isNonStrict, !rhs.isNonStrict {
+                    return false
+                } else {
+                    return lhs.token.name.lowercased().starts(with: keyword.lowercased()) ||
+                        lhs.token.symbol.lowercased().starts(with: keyword.lowercased()) ||
+                        lhs.token.mintAddress.lowercased().starts(with: keyword.lowercased())
+                }
             })
             if let index = tokens.firstIndex(where: {
                 $0.token.name.lowercased().elementsEqual(keyword.lowercased()) ||

diff --git a/p2p_wallet/Scenes/Main/Swap/ChooseSwapItem/Subviews/ChooseSwapTokenItemView.swift b/p2p_wallet/Scenes/Main/Swap/ChooseSwapItem/Subviews/ChooseSwapTokenItemView.swift
@@ -16,12 +16,21 @@ struct ChooseSwapTokenItemView: View {
         self.token = token
         self.chosen = chosen
         self.fromToken = fromToken
+
+        let formattedMint = RecipientFormatter.format(destination: token.mintAddress)
+
         if fromToken {
-            subtitle = token.userWallet?.amount?.tokenAmountFormattedString(
+            let amount = token.userWallet?.amount?.tokenAmountFormattedString(
                 symbol: token.token.symbol, maximumFractionDigits: Int(token.token.decimals)
-            ) ?? token.token.symbol
+            )
+
+            if let amount {
+                subtitle = "\(amount) • \(formattedMint)"
+            } else {
+                subtitle = "\(token.token.symbol) • \(formattedMint))"
+            }
         } else {
-            subtitle = token.token.symbol
+            subtitle = "\(token.token.symbol) • \(formattedMint))"
         }
     }
 
@@ -35,10 +44,17 @@ struct ChooseSwapTokenItemView: View {
             .cornerRadius(radius: 48 / 2, corners: .allCorners)
 
             VStack(alignment: .leading, spacing: 4) {
-                Text(token.token.name)
-                    .font(uiFont: .font(of: .text3, weight: .bold))
-                    .foregroundColor(Color(.night))
-                    .lineLimit(1)
+                HStack {
+                    Text(token.token.name)
+                        .font(uiFont: .font(of: .text3, weight: .bold))
+                        .foregroundColor(Color(.night))
+                        .lineLimit(1)
+
+                    Text(token.isNonStrict ? " ⚠" : "")
+                        .font(uiFont: .font(of: .text3, weight: .bold))
+                        .foregroundColor(Color(.night))
+                        .lineLimit(1)
+                }
                 Text(subtitle)
                     .apply(style: .label1)
                     .foregroundColor(Color(.mountain))