admin/Reflect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add sharing style picker for design variation selection

Browse Source 
Users can now swipe between design variations (e.g. Gradient vs Color Block)
when sharing from month/year views and the sharing templates list. Removes
#if DEBUG wrappers from variation files and disables auto-start demo animation.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-02-10 09:26:21 -06:00
parent 15bc1c94c1
commit bfef0a4472
8 changed files with 1286 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
Shared/Views/SharingTemplates/Variations/CurrentStreakVariations.swift Normal file
View File

@@ -0,0 +1,209 @@
//
// CurrentStreakVariations.swift
// Feels
//
// 2 design variations for the Current Streak (Last 10 Days) sharing template.
//
import SwiftUI
// MARK: - V2 "Gradient Cards" — 2x5 grid of colored cards
struct CurrentStreakV2: View {
let moodEntries: [MoodEntryModel]
@AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults)
private var moodTint: MoodTints = .Default
private let dayFormatter: DateFormatter = {
let f = DateFormatter()
f.dateFormat = "EEE"
return f
}()
private let numFormatter: DateFormatter = {
let f = DateFormatter()
f.dateFormat = "d"
return f
}()
var image: UIImage {
shareView.asImage(size: CGSize(width: 666, height: 1190))
}
let columns = [
GridItem(.flexible(), spacing: 16),
GridItem(.flexible(), spacing: 16)
]
var shareView: some View {
ZStack {
LinearGradient(
colors: [Color(hex: "FFF5EE"), Color(hex: "FFE8D6")],
startPoint: .top,
endPoint: .bottom
)
VStack(spacing: 0) {
Spacer().frame(height: 40)
Text("Last 10 Days")
.font(.system(size: 28, weight: .bold, design: .rounded))
.foregroundColor(Color(hex: "4A2810"))
Spacer().frame(height: 6)
Text("Your recent moods")
.font(.system(size: 16, weight: .medium, design: .rounded))
.foregroundColor(Color(hex: "8B5E3C").opacity(0.7))
Spacer().frame(height: 24)
LazyVGrid(columns: columns, spacing: 12) {
ForEach(moodEntries) { entry in
VStack(spacing: 8) {
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 36, height: 36)
.foregroundColor(.white)
Text(dayFormatter.string(from: entry.forDate ?? Date()))
.font(.system(size: 14, weight: .semibold, design: .rounded))
.foregroundColor(.white.opacity(0.9))
Text(numFormatter.string(from: entry.forDate ?? Date()))
.font(.system(size: 28, weight: .heavy, design: .rounded))
.foregroundColor(.white)
}
.frame(maxWidth: .infinity)
.padding(.vertical, 16)
.background(
RoundedRectangle(cornerRadius: 20)
.fill(moodTint.color(forMood: entry.mood))
.shadow(color: moodTint.color(forMood: entry.mood).opacity(0.3), radius: 10, y: 5)
)
}
}
.padding(.horizontal, 36)
Spacer()
VStack(spacing: 10) {
Image("FeelsAppIcon")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 96, height: 96)
.clipShape(RoundedRectangle(cornerRadius: 22))
Text("Feels")
.font(.system(size: 28, weight: .semibold, design: .rounded))
.foregroundColor(Color(hex: "8B5E3C").opacity(0.4))
}
Spacer().frame(height: 50)
}
}
.frame(width: 666, height: 1190)
}
var body: some View { shareView }
}
// MARK: - V5 "Color Strips" — Full-width mood-colored horizontal strips
struct CurrentStreakV5: View {
let moodEntries: [MoodEntryModel]
@AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults)
private var moodTint: MoodTints = .Default
private let dayFormatter: DateFormatter = {
let f = DateFormatter()
f.dateFormat = "EEEE"
return f
}()
private let numFormatter: DateFormatter = {
let f = DateFormatter()
f.dateFormat = "d"
return f
}()
var image: UIImage {
shareView.asImage(size: CGSize(width: 666, height: 1190))
}
var shareView: some View {
ZStack {
Color(hex: "1C1C1E")
VStack(spacing: 0) {
// Header
VStack(spacing: 4) {
Text("10 DAYS")
.font(.system(size: 16, weight: .heavy, design: .rounded))
.foregroundColor(.white)
.tracking(4)
Text("of feeling")
.font(.system(size: 13, weight: .medium, design: .rounded))
.foregroundColor(.white.opacity(0.5))
}
.frame(height: 80)
// Color strips
ForEach(moodEntries) { entry in
ZStack {
moodTint.color(forMood: entry.mood)
HStack {
entry.mood.icon
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 28, height: 28)
.foregroundColor(.white.opacity(0.9))
Text(entry.mood.strValue)
.font(.system(size: 18, weight: .bold, design: .rounded))
.foregroundColor(.white)
Spacer()
Text(dayFormatter.string(from: entry.forDate ?? Date()))
.font(.system(size: 14, weight: .medium, design: .rounded))
.foregroundColor(.white.opacity(0.7))
Text(numFormatter.string(from: entry.forDate ?? Date()))
.font(.system(size: 28, weight: .heavy, design: .rounded))
.foregroundColor(.white)
}
.padding(.horizontal, 32)
}
.frame(maxWidth: .infinity)
.frame(height: 84)
}
Spacer()
// Footer
VStack(spacing: 10) {
Image("FeelsAppIcon")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 96, height: 96)
.clipShape(RoundedRectangle(cornerRadius: 22))
Text("Feels")
.font(.system(size: 28, weight: .bold, design: .rounded))
.foregroundColor(.white.opacity(0.3))
}
Spacer().frame(height: 40)
}
}
.frame(width: 666, height: 1190)
}
var body: some View { shareView }
}