build iOS study scaffold
This commit is contained in:
@@ -1,15 +1,50 @@
|
||||
import SwiftUI
|
||||
|
||||
struct FeedView: View {
|
||||
@EnvironmentObject private var localization: LocalizationStore
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading, spacing: 12) {
|
||||
Text("Next round")
|
||||
.font(.headline)
|
||||
Text("A new clip is ready for review.")
|
||||
.foregroundStyle(.secondary)
|
||||
VStack(alignment: .leading, spacing: HermesTheme.sectionSpacing) {
|
||||
HermesSectionHeader(
|
||||
title: localization.string(for: "feed.title"),
|
||||
subtitle: localization.string(for: "feed.subtitle")
|
||||
)
|
||||
|
||||
ZStack(alignment: .bottomLeading) {
|
||||
RoundedRectangle(cornerRadius: HermesTheme.cornerRadius, style: .continuous)
|
||||
.fill(
|
||||
LinearGradient(
|
||||
colors: [HermesTheme.surfaceElevated, HermesTheme.background],
|
||||
startPoint: .topLeading,
|
||||
endPoint: .bottomTrailing
|
||||
)
|
||||
)
|
||||
.frame(height: 220)
|
||||
|
||||
VStack(alignment: .leading, spacing: 8) {
|
||||
Text(localization.string(for: "feed.hero_title"))
|
||||
.font(.title2.weight(.bold))
|
||||
.foregroundStyle(HermesTheme.textPrimary)
|
||||
|
||||
Text(localization.string(for: "feed.hero_subtitle"))
|
||||
.font(.callout)
|
||||
.foregroundStyle(HermesTheme.textSecondary)
|
||||
.frame(maxWidth: 260, alignment: .leading)
|
||||
}
|
||||
.padding(HermesTheme.contentPadding)
|
||||
}
|
||||
|
||||
HStack(spacing: 12) {
|
||||
HermesMetricPill(label: localization.string(for: "feed.lock_label"), value: "01:42")
|
||||
HermesMetricPill(label: localization.string(for: "feed.odds_label"), value: "1.85 / 2.05")
|
||||
}
|
||||
|
||||
Button {
|
||||
} label: {
|
||||
Text(localization.string(for: "feed.cta"))
|
||||
}
|
||||
.buttonStyle(HermesPrimaryButtonStyle())
|
||||
}
|
||||
.padding()
|
||||
.background(HermesTheme.surface)
|
||||
.clipShape(RoundedRectangle(cornerRadius: 20, style: .continuous))
|
||||
.hermesCard(elevated: true)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user