[Feature] Add a dynamic List to display downloaded coins

Author: AlureLove

Crypto/Crypto/Core/Home/ViewModels/HomeViewModel.swift

@@ -0,0 +1,21 @@
+//
+//  HomeViewModel.swift
+//  Crypto
+//
+//  Created by Jethro Liu on 2025/04/19.
+//
+
+import Foundation
+
+@Observable class HomeViewModel {
+    var allCoins: [CoinModel] = []
+    var portfolioCoins: [CoinModel] = []
+    
+    init() {
+        DispatchQueue.main.asyncAfter(deadline: .now() + 2.0) {
+            self.allCoins.append(DeveloperPreview.instance.coin)
+            self.portfolioCoins.append(DeveloperPreview.instance.coin)
+        }
+    }
+    
+}

Crypto/Crypto/Core/Home/Views/HomeView.swift

@@ -9,6 +9,7 @@ import SwiftUI
 
 struct HomeView: View {
 
+    @Environment(HomeViewModel.self) var vm
     @State private var showPortfolio: Bool = false
 
     var body: some View {
@@ -18,6 +19,18 @@ struct HomeView: View {
 
             VStack {
                 homeHeader
+                
+                columnTitles
+                
+                if !showPortfolio {
+                    allCoinsList
+                        .transition(.move(edge: .leading))
+                }
+                if showPortfolio {
+                    portfolioCoinsList
+                        .transition(.move(edge: .trailing))
+                }
+                
                 Spacer(minLength: 0)
             }
         }
@@ -29,6 +42,7 @@ struct HomeView: View {
         HomeView()
             .toolbarVisibility(.hidden)
     }
+    .environment(dev.homeVM)
 }
 
 extension HomeView {
@@ -56,4 +70,39 @@ extension HomeView {
         }
         .padding(.horizontal)
     }
+    
+    private var allCoinsList: some View {
+        List {
+            ForEach(vm.allCoins) { coin in
+                CoinRowView(coin: coin, showHoldingsColumn: false)
+                    .listRowInsets(.init(top: 10, leading: 0, bottom: 10, trailing: 10))
+            }
+        }
+        .listStyle(.plain)
+    }
+    
+    private var portfolioCoinsList: some View {
+        List {
+            ForEach(vm.allCoins) { coin in
+                CoinRowView(coin: coin, showHoldingsColumn: true)
+                    .listRowInsets(.init(top: 10, leading: 0, bottom: 10, trailing: 10))
+            }
+        }
+        .listStyle(.plain)
+    }
+    
+    private var columnTitles: some View {
+        HStack {
+            Text("Coin")
+            Spacer()
+            if showPortfolio {
+                Text("Holdings")
+            }
+            Text("Price")
+                .frame(width: UIScreen.main.bounds.width / 3.5, alignment: .trailing)
+        }
+        .font(.caption)
+        .foregroundStyle(Color.theme.secondaryText)
+        .padding(.horizontal)
+    }
 }

Crypto/Crypto/CryptoApp.swift

@@ -9,12 +9,16 @@ import SwiftUI
 
 @main
 struct CryptoApp: App {
+    
+    @State private var vm = HomeViewModel()
+    
     var body: some Scene {
         WindowGroup {
             NavigationStack {
                 HomeView()
                     .toolbarVisibility(.hidden)
             }
+            .environment(vm)
         }
     }
 }

Crypto/Crypto/Extensions/PreviewProvider.swift

@@ -25,6 +25,8 @@ class DeveloperPreview {
     static let instance = DeveloperPreview()
     private init() { }
 
+    let homeVM = HomeViewModel()
+    
     let coin = CoinModel(
         id: "bitcoin",
         symbol: "btc",