- 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>
104 lines
4.6 KiB
Swift
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()
|
|
}
|
|
}
|