Refactored image in TrashEvent

This commit is contained in:
2024-01-13 00:07:14 +01:00
parent f153b26d2d
commit 01381f9f25
8 changed files with 154 additions and 77 deletions

View File

@@ -8,26 +8,25 @@
import SwiftUI
struct DayWidgetInfo {
var image: Image
var dayOfTheWeek: String
var date: Int
var color: Color
}
struct DayView: View {
var day: DayWidgetInfo
var image: String
var dayOfTheWeek: String
var date: Int
var color: Color
var body: some View {
ZStack {
Color.init(day.color)
Color.init(color)
.cornerRadius(10)
.scaledToFit()
.frame(maxWidth: .infinity)
VStack {
Text("\(day.dayOfTheWeek)")
Text("\(dayOfTheWeek)")
.frame(maxWidth: .infinity, alignment: .leading)
Text("\(day.date).")
Text("\(date).")
.font(.headline)
day.image
Image(systemName: image)
.font(.caption)
}
}
@@ -37,44 +36,44 @@ struct DayView: View {
#Preview {
VStack {
HStack {
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mon", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "newspaper"), dayOfTheWeek: "Tue", date: 31, color: .blue))
DayView(day: DayWidgetInfo(image: Image(systemName: "waterbottle"), dayOfTheWeek: "Wed", date: 31, color: .orange))
DayView(day: DayWidgetInfo(image: Image(systemName: "trash"), dayOfTheWeek: "Thu", date: 31, color: .gray))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(image: "tree", dayOfTheWeek: "Mon", date: 31, color: .green)
DayView(image: "newspaper", dayOfTheWeek: "Tue", date: 31, color: .blue)
DayView(image: "waterbottle", dayOfTheWeek: "Wed", date: 31, color: .orange)
DayView(image: "trash", dayOfTheWeek: "Thu", date: 31, color: .gray)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
}
HStack {
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
}
HStack {
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
}
HStack {
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
}
HStack {
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(day: DayWidgetInfo(image: Image(systemName: "tree"), dayOfTheWeek: "Mo", date: 31, color: .green))
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
}
}
}