Files
Reflect/Shared/Views/CustomizeView/SubViews/IconPickerView.swift
Trey t be84825aba Fix widget layout clipping and add comprehensive widget previews
- Fix LargeVotingView mood icons getting clipped at edges by using
  flexible HStack spacing with maxWidth: .infinity
- Fix VotingView medium layout with smaller icons and even distribution
- Add comprehensive #Preview macros for all widget states:
  - Vote widget: small/medium, voted/not voted, all mood states
  - Timeline widget: small/medium/large with various data states
- Reduce icon sizes and padding to fit within widget bounds
- Update accessibility labels and hints across views

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-24 09:53:40 -06:00

104 lines
4.6 KiB
Swift

//
// IconPickerView.swift
// Feels (iOS)
//
// Created by Trey Tartt on 4/2/22.
//
import SwiftUI
struct IconPickerView: View {
@AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
let iconSets: [(String,String)] = [
("AppIconGoodImage", "AppIconGood"),
("AppIconAverageImage", "AppIconAverage"),
("AppIconBadImage", "AppIconBad"),
("AppIconBlueGreenImage", "AppIconBlueGreen"),
("AppIconNeonGreenImage", "AppIconNeonGreen"),
("AppIconPinkImage", "AppIconPink"),
("AppIconPurpleImage", "AppIconPurple"),
("AppIconCustom1Image", "AppIconCustom1"),
("AppIconCustom2Image", "AppIconCustom2"),
("AppIconCustom3Image", "AppIconCustom3"),
("AppIconCustom4Image", "AppIconCustom4"),
("AppIconCustom5Image", "AppIconCustom5"),
("AppIconCustom6Image", "AppIconCustom6"),
("AppIconCustom7Image", "AppIconCustom7"),
("AppIconCustom8Image", "AppIconCustom8"),
("AppIconCustom9Image", "AppIconCustom9"),
("AppIconCustom10Image", "AppIconCustom10"),
("AppIconCustom11Image", "AppIconCustom11"),
("AppIconCustom12Image", "AppIconCustom12"),
("AppIconCustom13Image", "AppIconCustom13"),
("AppIconCustom14Image", "AppIconCustom14"),
("AppIconCustom15Image", "AppIconCustom15"),
("AppIconCustom16Image", "AppIconCustom16"),
("AppIconCustom17Image", "AppIconCustom17"),
("AppIconCustom18Image", "AppIconCustom18"),
("AppIconCustom19Image", "AppIconCustom19"),
("AppIconCustom20Image", "AppIconCustom20"),
("AppIconCustom21Image", "AppIconCustom21"),
("AppIconCustom22Image", "AppIconCustom22"),
("AppIconCustom23Image", "AppIconCustom23"),
("AppIconCustom24Image", "AppIconCustom24"),
("AppIconCustom25Image", "AppIconCustom25"),
("AppIconCustom26Image", "AppIconCustom26"),
("AppIconCustom27Image", "AppIconCustom27"),
("AppIconCustom28Image", "AppIconCustom28"),
("AppIconCustom29Image", "AppIconCustom29")
]
var body: some View {
ZStack {
theme.currentTheme.secondaryBGColor
VStack {
ScrollView(.horizontal) {
HStack {
Button(action: {
UIApplication.shared.setAlternateIconName(nil)
EventLogger.log(event: "change_icon_title", withData: ["title": "default"])
}, label: {
Image("AppIconImage", bundle: .main)
.resizable()
.frame(width: 50, height:50)
.cornerRadius(10)
})
.accessibilityLabel(String(localized: "Default app icon"))
.accessibilityHint(String(localized: "Double tap to select"))
ForEach(iconSets, id: \.self.0){ iconSet in
Button(action: {
UIApplication.shared.setAlternateIconName(iconSet.1) { (error) in
// FIXME: Handle error
}
EventLogger.log(event: "change_icon_title", withData: ["title": iconSet.1])
}, label: {
Image(iconSet.0, bundle: .main)
.resizable()
.frame(width: 50, height:50)
.cornerRadius(10)
})
.accessibilityLabel(String(localized: "App icon style \(iconSet.1.replacingOccurrences(of: "AppIcon", with: "").replacingOccurrences(of: "Image", with: ""))"))
.accessibilityHint(String(localized: "Double tap to select"))
}
}
.padding()
}
.background(RoundedRectangle(cornerRadius: 10).fill().foregroundColor(theme.currentTheme.bgColor))
.padding()
.cornerRadius(10)
}
}
.fixedSize(horizontal: false, vertical: true)
.cornerRadius(Constants.viewsCornerRaidus, corners: [.topLeft, .topRight, .bottomLeft, .bottomRight])
}
}
struct IconPickerView_Previews: PreviewProvider {
static var previews: some View {
IconPickerView()
}
}