Mercurial > public > lazybear
comparison LazyBear/Views/Home/Helpers/SectorItem.swift @ 326:2fabdc393675
Testing networking in HomeView
author | Dennis Concepción Martín <66180929+denniscm190@users.noreply.github.com> |
---|---|
date | Tue, 30 Mar 2021 23:13:14 +0200 |
parents | 3e64824cca3e |
children | 80bfa88c6b0f |
comparison
equal
deleted
inserted
replaced
325:cc3ba74d543e | 326:2fabdc393675 |
---|---|
7 | 7 |
8 import SwiftUI | 8 import SwiftUI |
9 | 9 |
10 struct SectorItem: View { | 10 struct SectorItem: View { |
11 @Environment(\.colorScheme) var colorScheme | 11 @Environment(\.colorScheme) var colorScheme |
12 var sector: SectorPerformanceModel | |
12 | 13 |
13 var body: some View { | 14 var body: some View { |
14 Image("Technology") | 15 VStack { |
15 .resizable() | 16 Image(sector.name) |
16 .clipShape(Circle()) | 17 .resizable() |
17 .overlay(Circle().stroke(colorScheme == .dark ? Color(.secondarySystemBackground) : Color.white, lineWidth: 4)) | 18 .background(Color.black) |
18 .shadow(color: Color.black.opacity(0.2), radius: 5) | 19 .opacity(0.7) |
19 .frame(width: 170, height: 170) | 20 .clipShape(Circle()) |
21 .overlay(Circle().stroke(colorScheme == .dark ? Color(.secondarySystemBackground) : Color.white, lineWidth: 4)) | |
22 .shadow(color: Color.black.opacity(0.2), radius: 5) | |
23 .overlay( | |
24 VStack { | |
25 Text("\(sector.performance*100, specifier: "%.2f")%") | |
26 .font(.title) | |
27 .fontWeight(.semibold) | |
28 .foregroundColor(sector.performance < 0 ? .red: .green) | |
29 } | |
30 ) | |
31 | |
32 Text(sector.name) | |
33 .font(.caption) | |
34 .fontWeight(.semibold) | |
35 } | |
36 .frame(width: 170, height: 170) | |
20 } | 37 } |
21 } | 38 } |
22 | 39 |
23 struct SectorItem_Previews: PreviewProvider { | 40 struct SectorItem_Previews: PreviewProvider { |
24 static var previews: some View { | 41 static var previews: some View { |
25 SectorItem() | 42 SectorItem(sector: SectorPerformanceModel(name: "Technology", performance: 0.04, lastUpdated: 1617137138)) |
26 } | 43 } |
27 } | 44 } |