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

Redesign Day view with switchable voting layouts and modern styling

Browse Source 
- Add 4 voting layout styles: horizontal, cards, radial, stacked
- Add color-filled backgrounds to mood entries (tinted by mood color)
- Add sticky month headers with blur material effect
- Add voting layout picker to Customize tab
- Add haptic feedback on mood selection
- Improve typography and spacing throughout

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-12-09 23:44:28 -06:00
parent f2565678be
commit f7ac2085b8
6 changed files with 426 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
Shared/Views/EntryListView.swift
View File

@@ -11,46 +11,57 @@ struct EntryListView: View {
@AppStorage(UserDefaultsStore.Keys.moodImages.rawValue, store: GroupUserDefaults.groupDefaults) private var imagePack: MoodImages = .FontAwesome
@AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults) private var moodTint: MoodTints = .Default
@AppStorage(UserDefaultsStore.Keys.textColor.rawValue, store: GroupUserDefaults.groupDefaults) private var textColor: Color = DefaultTextColor.textColor
public let entry: MoodEntry
private var moodColor: Color {
moodTint.color(forMood: entry.mood)
}
var body: some View {
HStack {
HStack(spacing: 14) {
imagePack.icon(forMood: entry.mood)
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 40, height: 40, alignment: .center)
.foregroundColor(moodTint.color(forMood: entry.mood))
.padding(.leading, 15)
VStack {
HStack {
Text(Random.weekdayName(fromDate:entry.forDate!))
.font(.title3)
.frame(width: 42, height: 42)
.foregroundColor(moodColor)
VStack(alignment: .leading, spacing: 4) {
HStack(spacing: 4) {
Text(Random.weekdayName(fromDate: entry.forDate!))
.font(.headline)
.foregroundColor(textColor)
Text(" - ")
.padding([.leading, .trailing], -10)
Text("-")
.foregroundColor(textColor.opacity(0.6))
Text(Random.dayFormat(fromDate: entry.forDate!))
.font(.headline)
.foregroundColor(textColor)
Text(Random.dayFormat(fromDate:entry.forDate!))
.font(.title3)
.foregroundColor(textColor)
Spacer()
}
.multilineTextAlignment(.leading)
Text(entry.moodValue == Mood.missing.rawValue ? String(localized: "mood_value_missing_tap_to_add") : "\(entry.moodString)")
.font(.body)
.foregroundColor(Color(UIColor.systemGray))
.frame(maxWidth: .infinity, alignment: .leading)
Text(entry.moodValue == Mood.missing.rawValue ? String(localized: "mood_value_missing_tap_to_add") : "\(entry.moodString)")
.font(.subheadline)
.foregroundColor(textColor.opacity(0.7))
}
Spacer()
}
.padding(.horizontal, 16)
.padding(.vertical, 14)
.background(
RoundedRectangle(cornerRadius: 14)
.fill(moodColor.opacity(0.12))
)
}
}
struct EntryListView_Previews: PreviewProvider {
static let fakeData = PersistenceController.shared.randomEntries(count: 1).first!
static var previews: some View {
EntryListView(entry: EntryListView_Previews.fakeData)
VStack(spacing: 8) {
EntryListView(entry: EntryListView_Previews.fakeData)
EntryListView(entry: EntryListView_Previews.fakeData)
}
.padding()
}
}