Sora/Views/Shared/ThumbnailGridView.swift


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

import SwiftUI
import WaterfallGrid

struct ThumbnailGridView<Item: Hashable & Identifiable, Content: View>: View {
  let items: [Item]
  let columnCount: Int
  let useAlternativeGrid: Bool
  let columnsData: [[Item]]
  let content: (Item) -> Content

  private var resolvedColumnCount: Int {
    max(columnCount, 1)
  }

  private var resolvedColumnsData: [[Item]] {
    let clippedColumnsData = Array(columnsData.prefix(resolvedColumnCount))
    let missingColumnCount = resolvedColumnCount - clippedColumnsData.count

    if missingColumnCount <= 0 {
      return clippedColumnsData
    }

    return clippedColumnsData + Array(repeating: [], count: missingColumnCount)
  }

  var body: some View {
    if useAlternativeGrid {
      HStack(alignment: .top) {
        ForEach(Array(resolvedColumnsData.enumerated()), id: \.offset) { _, columnItems in
          LazyVStack {
            ForEach(columnItems, id: \.id) { item in
              content(item)
                .id(item.id)
            }
          }
          .transaction { $0.animation = nil }
        }
      }
      #if os(macOS)
        .padding(8)
      #else
        .padding(.horizontal)
      #endif
      .transition(.opacity)
    } else {
      WaterfallGrid(items, id: \.id) { item in
        content(item)
          .id(item.id)
      }
      .gridStyle(columns: resolvedColumnCount)
      .transaction { $0.animation = nil }
      #if os(macOS)
        .padding(8)
      #else
        .padding(.horizontal)
      #endif
      .transition(.opacity)
    }
  }
}