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

Fix CaseraIconView to use theme color instead of hardcoded orange

Browse Source 
- Add backgroundColor parameter to CaseraIconView and PulsingIconView
- Update ResidenceCard to pass Color.appPrimary for themed icon background
- Icon now matches the app's current theme like PropertyHeaderCard

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-12-13 01:11:56 -06:00
parent 311a30ed2d
commit 3140c75815
2 changed files with 34 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
iosApp/Casera/CaseraIconView.swift
View File

@@ -7,27 +7,41 @@ struct CaseraIconView: View {
var windowScale: CGFloat = 1.0 var windowScale: CGFloat = 1.0
var checkmarkScale: CGFloat = 1.0 var checkmarkScale: CGFloat = 1.0
var foregroundColor: Color = Color(red: 1.0, green: 0.96, blue: 0.92) var foregroundColor: Color = Color(red: 1.0, green: 0.96, blue: 0.92)
var backgroundColor: Color? = nil // nil uses default gradient, otherwise uses theme color
var body: some View { var body: some View {
GeometryReader { geo in GeometryReader { geo in
let size = min(geo.size.width, geo.size.height) let size = min(geo.size.width, geo.size.height)
let center = CGPoint(x: geo.size.width / 2, y: geo.size.height / 2) let center = CGPoint(x: geo.size.width / 2, y: geo.size.height / 2)
ZStack { ZStack {
// Background // Background - use provided color or default gradient
RoundedRectangle(cornerRadius: size * 0.195) if let bgColor = backgroundColor {
.fill( RoundedRectangle(cornerRadius: size * 0.195)
LinearGradient( .fill(
colors: [ LinearGradient(
Color(red: 1.0, green: 0.64, blue: 0.28), colors: [bgColor, bgColor.opacity(0.85)],
Color(red: 0.96, green: 0.51, blue: 0.20) startPoint: .top,
], endPoint: .bottom
startPoint: .top, )
endPoint: .bottom
) )
) .frame(width: size * 0.906, height: size * 0.906)
.frame(width: size * 0.906, height: size * 0.906) .position(center)
.position(center) } else {
RoundedRectangle(cornerRadius: size * 0.195)
.fill(
LinearGradient(
colors: [
Color(red: 1.0, green: 0.64, blue: 0.28),
Color(red: 0.96, green: 0.51, blue: 0.20)
],
startPoint: .top,
endPoint: .bottom
)
)
.frame(width: size * 0.906, height: size * 0.906)
.position(center)
}
// House outline // House outline
HousePath(progress: houseProgress) HousePath(progress: houseProgress)
@@ -185,9 +199,10 @@ struct PulsatingCheckmarkView: View {
struct PulsingIconView: View { struct PulsingIconView: View {
@State private var scale: CGFloat = 1.0 @State private var scale: CGFloat = 1.0
var backgroundColor: Color? = nil
var body: some View { var body: some View {
CaseraIconView() CaseraIconView(backgroundColor: backgroundColor)
.scaleEffect(scale) .scaleEffect(scale)
.onAppear { .onAppear {
withAnimation(.easeInOut(duration: 0.8).repeatForever(autoreverses: true)) { withAnimation(.easeInOut(duration: 0.8).repeatForever(autoreverses: true)) {

4
iosApp/iosApp/Subviews/Residence/ResidenceCard.swift
View File

@@ -15,11 +15,11 @@ struct ResidenceCard: View {
HStack(spacing: AppSpacing.sm) { HStack(spacing: AppSpacing.sm) {
VStack { VStack {
if hasOverdueTasks { if hasOverdueTasks {
PulsingIconView() PulsingIconView(backgroundColor: Color.appPrimary)
.frame(width: 44, height: 44) .frame(width: 44, height: 44)
.padding([.trailing], AppSpacing.md) .padding([.trailing], AppSpacing.md)
} else { } else {
CaseraIconView() CaseraIconView(backgroundColor: Color.appPrimary)
.frame(width: 44, height: 44) .frame(width: 44, height: 44)
.padding([.trailing], AppSpacing.md) .padding([.trailing], AppSpacing.md)
} }