87 lines
3.5 KiB
Swift
87 lines
3.5 KiB
Swift
//
|
|
// DayView.swift
|
|
// TrashTrack
|
|
//
|
|
// Created by Oliver Hnát on 12.01.2024.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct DayWidgetInfo {
|
|
}
|
|
|
|
struct DayView: View {
|
|
var image: String
|
|
var dayOfTheWeek: String
|
|
var date: Int
|
|
var color: Color
|
|
var body: some View {
|
|
GeometryReader { geometry in
|
|
ZStack {
|
|
Color.init(color)
|
|
// .cornerRadius(10)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
Text("\(date).")
|
|
.font(.headline)
|
|
VStack {
|
|
Spacer()
|
|
HStack(alignment: .bottom) {
|
|
Spacer()
|
|
Image(systemName: image)
|
|
// .padding([.bottom, .trailing])
|
|
.font(.caption)
|
|
.frame(maxWidth: .infinity, alignment: .trailing)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.aspectRatio(1.0, contentMode: .fit)
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
VStack {
|
|
HStack {
|
|
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(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(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(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(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)
|
|
}
|
|
}
|
|
}
|