feat: ios mobil arayüz tasarımı

2026-02-11 18:06:35 +03:00
parent 69884db0ab
commit 261b2f58cc
42 changed files with 2501 additions and 0 deletions
--- a/ios/Bookibra/DesignSystem/Components/ShelfSectionView.swift
+++ b/ios/Bookibra/DesignSystem/Components/ShelfSectionView.swift
@@ -0,0 +1,85 @@
+import SwiftUI
+
+struct ShelfSectionView: View {
+    let title: String
+    let books: [BookRemote]
+    let gradient: LinearGradient
+    let imageCache: ImageCacheProtocol
+    let onTapCategory: () -> Void
+    let onTapBook: (BookRemote) -> Void
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            HStack {
+                Button(action: onTapCategory) {
+                    Text(title)
+                        .font(.title3.weight(.bold))
+                        .foregroundStyle(Theme.textPrimary)
+                }
+                Spacer()
+                Text("\(books.count) books")
+                    .font(.caption)
+                    .foregroundStyle(Theme.textSecondary)
+                Image(systemName: "chevron.left")
+                    .font(.caption2)
+                    .foregroundStyle(.gray)
+                Image(systemName: "chevron.right")
+                    .font(.caption2)
+                    .foregroundStyle(.gray)
+            }
+
+            ZStack(alignment: .bottom) {
+                RoundedRectangle(cornerRadius: 16)
+                    .fill(gradient)
+                    .frame(height: 74)
+                    .shadow(color: .black.opacity(0.12), radius: 10, y: 8)
+                    .overlay {
+                        HStack {
+                            ScrewView()
+                            Spacer()
+                            ScrewView()
+                        }
+                        .padding(.horizontal, 12)
+                    }
+
+                ScrollView(.horizontal, showsIndicators: false) {
+                    HStack(spacing: 12) {
+                        if books.isEmpty {
+                            ghostCovers
+                        } else {
+                            ForEach(books) { book in
+                                Button {
+                                    onTapBook(book)
+                                } label: {
+                                    BookCoverCard(book: book, imageCache: imageCache)
+                                }
+                            }
+                        }
+                    }
+                    .padding(.horizontal, 16)
+                    .padding(.bottom, 18)
+                }
+                .frame(height: 190)
+            }
+        }
+        .padding(.horizontal, 20)
+    }
+
+    private var ghostCovers: some View {
+        HStack(spacing: 10) {
+            ForEach(0..<3, id: \.self) { _ in
+                RoundedRectangle(cornerRadius: 10)
+                    .fill(Color.white.opacity(0.5))
+                    .frame(width: 92, height: 140)
+                    .overlay {
+                        Image(systemName: "book")
+                            .foregroundStyle(.white.opacity(0.8))
+                    }
+            }
+            Text(String(localized: "home.noBooks"))
+                .font(.caption)
+                .foregroundStyle(.secondary)
+                .frame(width: 130, alignment: .leading)
+        }
+    }
+}