diff --git a/PennMobile/Subletting/SubletDetailView.swift b/PennMobile/Subletting/SubletDetailView.swift index f421c2776..728417257 100644 --- a/PennMobile/Subletting/SubletDetailView.swift +++ b/PennMobile/Subletting/SubletDetailView.swift @@ -101,15 +101,15 @@ struct SubletDetailOnly: View { ForEach(sublet.images) { image in KFImage(URL(string: image.imageUrl)) .placeholder { - Color.gray - .aspectRatio(contentMode: .fit) + ProgressView() } .resizable() .aspectRatio(contentMode: .fit) .cornerRadius(10) } } - .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never)) + .tabViewStyle(.page(indexDisplayMode: .never)) + .frame(height: 300) VStack(alignment: .leading) { HStack { diff --git a/PennMobile/Subletting/SubletDisplayRow.swift b/PennMobile/Subletting/SubletDisplayRow.swift index f0b7aa47b..a7a168072 100644 --- a/PennMobile/Subletting/SubletDisplayRow.swift +++ b/PennMobile/Subletting/SubletDisplayRow.swift @@ -52,8 +52,12 @@ struct SubletDisplayRow: View { } else { KFImage(URL(string: sublet.images.count > 0 ? sublet.images[0].imageUrl : "")) .placeholder { - Color.gray - .aspectRatio(contentMode: .fill) + if sublet.images.count > 0 { + ProgressView() + } else { + Color.gray + .aspectRatio(contentMode: .fill) + } } .resizable() .aspectRatio(contentMode: .fit) diff --git a/PennMobileShared/Subletting/SubletDisplayBox.swift b/PennMobileShared/Subletting/SubletDisplayBox.swift index 4e5551592..e015b8543 100644 --- a/PennMobileShared/Subletting/SubletDisplayBox.swift +++ b/PennMobileShared/Subletting/SubletDisplayBox.swift @@ -21,8 +21,12 @@ public struct SubletDisplayBox: View { VStack(alignment: .leading) { KFImage(URL(string: sublet.images.count > 0 ? sublet.images[0].imageUrl : "")) .placeholder { - Color.gray - .aspectRatio(contentMode: .fill) + if sublet.images.count > 0 { + ProgressView() + } else { + Color.gray + .aspectRatio(contentMode: .fill) + } } .resizable() .aspectRatio(contentMode: .fit)