[iOS] Implement SponsorView base

app-ios/Modules/Package.swift

@@ -12,6 +12,7 @@ var package = Package(
         .library(name: "Component", targets: ["Component"]),
         .library(name: "FloorMap", targets: ["FloorMap"]),
         .library(name: "Session", targets: ["Session"]),
+        .library(name: "Sponsor", targets: ["Sponsor"]),
         .library(name: "Timetable", targets: ["Timetable"]),
         .library(name: "Navigation", targets: ["Navigation"]),
     ],
@@ -58,6 +59,17 @@ var package = Package(
             ]
         ),
 
+        .target(
+            name: "Contributor",
+            dependencies: [
+                "Assets",
+                "Component",
+                "Model",
+                "shared",
+                "Theme",
+            ]
+        ),
+
         .target(
             name: "FloorMap",
             dependencies: [
@@ -91,10 +103,9 @@ var package = Package(
         ),
 
         .target(
-            name: "Contributor",
+            name: "Sponsor",
             dependencies: [
                 "Assets",
-                "Component",
                 "Model",
                 "shared",
                 "Theme",
@@ -137,10 +148,11 @@ var package = Package(
             dependencies: [
                 "About",
                 "Assets",
+                "Contributor",
                 "FloorMap",
                 "Session",
+                "Sponsor",
                 "Stamps",
-                "Contributor",
                 "Theme",
                 "Timetable",
             ]

app-ios/Modules/Sources/About/AboutView.swift

@@ -6,13 +6,19 @@ import Theme
 
 enum AboutRouting: Hashable {
     case contributors
+    case sponsors
 }
 
-public struct AboutView<ContributorView: View>: View {
+public struct AboutView<ContributorView: View, SponsorView: View>: View {
     private let contributorViewProvider: ViewProvider<Void, ContributorView>
+    private let sponsorViewProvider: ViewProvider<Void, SponsorView>
 
-    public init(contributorViewProvider: @escaping ViewProvider<Void, ContributorView>) {
+    public init(
+        contributorViewProvider: @escaping ViewProvider<Void, ContributorView>,
+        sponsorViewProvider: @escaping ViewProvider<Void, SponsorView>
+    ) {
         self.contributorViewProvider = contributorViewProvider
+        self.sponsorViewProvider = sponsorViewProvider
     }
 
     public var body: some View {
@@ -60,10 +66,12 @@ public struct AboutView<ContributorView: View>: View {
                         )
                     }
                     Divider()
-                    ListTile(
-                        icon: Assets.Icons.apartment.swiftUIImage,
-                        title: "スポンサー"
-                    )
+                    NavigationLink(value: AboutRouting.sponsors) {
+                        ListTile(
+                            icon: Assets.Icons.apartment.swiftUIImage,
+                            title: "スポンサー"
+                        )
+                    }
                     Divider()
                     SectionTitle(title: "Others")
                     ListTile(
@@ -113,6 +121,8 @@ public struct AboutView<ContributorView: View>: View {
                 switch routing {
                 case .contributors:
                     contributorViewProvider(())
+                case .sponsors:
+                    sponsorViewProvider(())
                 }
             }
         }
@@ -121,6 +131,7 @@ public struct AboutView<ContributorView: View>: View {
 
  #Preview {
      AboutView(
-        contributorViewProvider: {_ in EmptyView()}
+        contributorViewProvider: {_ in EmptyView()},
+        sponsorViewProvider: {_ in EmptyView()}
      )
  }

app-ios/Modules/Sources/Model/Extension/Sponsor.swift

@@ -0,0 +1,3 @@
+import shared
+
+extension Sponsor: Identifiable {}

app-ios/Modules/Sources/Navigation/RootView.swift

@@ -1,4 +1,5 @@
 import About
+import Sponsor
 import Assets
 import Contributor
 import FloorMap
@@ -59,6 +60,9 @@ public struct RootView: View {
             AboutView(
                 contributorViewProvider: { _ in
                     ContributorView()
+                },
+                sponsorViewProvider: { _ in
+                    SponsorView()
                 }
             )
                 .tag(Tab.about)

app-ios/Modules/Sources/Sponsor/SponsorGridView.swift

@@ -0,0 +1,68 @@
+import Model
+import shared
+import SwiftUI
+import Theme
+
+struct SponsorGridView: View {
+
+    let title: String
+    let sponsors: [Sponsor]
+    let columns: Int
+    var action: (Sponsor) -> Void
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            Text(title)
+                .font(.system(size: 22, weight: .semibold, design: .default))
+                .foregroundStyle(AssetColors.Surface.onSurface.swiftUIColor)
+            LazyVGrid(columns: Array(repeating: GridItem(spacing: 16), count: columns), spacing: 16) {
+                ForEach(sponsors) { sponsor in
+                    SponsorItemView(sponsor: sponsor) {
+                        action(sponsor)
+                    }
+                }
+            }
+        }
+    }
+}
+
+struct SponsorItemView: View {
+
+    let sponsor: Sponsor
+    let action: () -> Void
+
+    var body: some View {
+        ZStack {
+            AssetColors.Custom.white.swiftUIColor
+            Button {
+                action()
+            } label: {
+                AsyncImage(url: URL(string: sponsor.logo)) { image in
+                    image
+                        .resizable()
+                        .frame(minWidth: 0, maxWidth: .infinity)
+                        .frame(minHeight: 0, maxHeight: .infinity)
+                } placeholder: {
+                    AssetColors.Custom.white.swiftUIColor
+                }
+            }
+        }
+        .frame(height: sponsor.plan.itemHeight)
+        .clipShape(RoundedRectangle(cornerRadius: 8, style: .continuous))
+    }
+}
+
+private extension Plan {
+    var itemHeight: CGFloat {
+        switch self {
+        case .platinum:
+            return 112
+        case .gold:
+            return 112
+        case .supporter:
+            return 72
+        default:
+            return 72
+        }
+    }
+}

app-ios/Modules/Sources/Sponsor/SponsorView.swift

@@ -0,0 +1,59 @@
+import shared
+import SwiftUI
+import Theme
+
+public struct SponsorView: View {
+    @ObservedObject var viewModel: SponsorViewModel = .init()
+
+    public init() {}
+
+    public var body: some View {
+        Group {
+            switch viewModel.state.planGroupedSponsors {
+            case .initial, .loading:
+                ProgressView()
+                    .task {
+                        await viewModel.load()
+                    }
+            case .loaded(let planGroupedSponsors):
+                ScrollView {
+                    LazyVStack(spacing: 24) {
+                        ForEach(planGroupedSponsors.keys.sorted(by: {
+                            $0.ordinal < $1.ordinal
+                        }), id: \.self) { plan in
+                            SponsorGridView(
+                                title: plan.name,
+                                sponsors: planGroupedSponsors[plan] ?? [],
+                                columns: plan.column
+                            ) { _ in }
+                        }
+                    }
+                    .padding(16)
+                }
+            case .failed:
+                EmptyView()
+            }
+        }
+        .navigationTitle("Sponsors")
+        .background(AssetColors.Surface.surface.swiftUIColor)
+    }
+}
+
+#Preview {
+    SponsorView()
+}
+
+private extension Plan {
+    var column: Int {
+        switch self {
+        case .platinum:
+            return 1
+        case .gold:
+            return 2
+        case .supporter:
+            return 3
+        default:
+            return 3
+        }
+    }
+}

app-ios/Modules/Sources/Sponsor/SponsorViewModel.swift

@@ -0,0 +1,28 @@
+import Foundation
+import Model
+import shared
+
+struct SponsorState: ViewModelState {
+    var planGroupedSponsors: LoadingState<[Plan: [Sponsor]]> = .initial
+}
+
+@MainActor
+final class SponsorViewModel: ObservableObject {
+    @Published private(set) var state: SponsorState = .init()
+
+    func load() async {
+        state.planGroupedSponsors = .loading
+
+        do {
+            let sponsors = try await FakeSponsorsApiClient().sponsors()
+
+            state.planGroupedSponsors = .loaded(
+                [Plan: [Sponsor]](grouping: sponsors) {
+                    $0.plan
+                }
+            )
+        } catch let error {
+            state.planGroupedSponsors = .failed(error)
+        }
+    }
+}