mirror of
https://github.com/neon443/StickerSlack.git
synced 2026-03-11 05:19:13 +00:00
my new emojipreview was shit
added a delay thing which increases each time theres an error loading
This commit is contained in:
@@ -13,34 +13,41 @@ struct EmojiPreview: View {
|
||||
@State var emoji: Emoji
|
||||
|
||||
@State private var id: UUID = UUID()
|
||||
@State private var delay: TimeInterval = 0
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading) {
|
||||
Text(emoji.name)
|
||||
Group {
|
||||
AsyncImage(url: emoji.localImageURL) { phase in
|
||||
if let image = phase.image {
|
||||
image
|
||||
.resizable().scaledToFit()
|
||||
} else if phase.error != nil {
|
||||
ImageErrorView()
|
||||
.onTapGesture {
|
||||
id = UUID()
|
||||
}
|
||||
} else {
|
||||
AsyncImage(url: emoji.remoteImageURL) { phase in
|
||||
if let image = phase.image {
|
||||
image
|
||||
.resizable().scaledToFit()
|
||||
} else if phase.error != nil {
|
||||
ImageErrorView()
|
||||
.onTapGesture {
|
||||
if let image = emoji.image {
|
||||
Image(uiImage: image)
|
||||
.resizable().scaledToFit()
|
||||
.border(.orange)
|
||||
.overlay(alignment: .bottomLeading) {
|
||||
Image(systemName: "arrow.down.circle.fill")
|
||||
.foregroundStyle(.gray)
|
||||
.shadow(radius: 1)
|
||||
.symbolRenderingMode(.hierarchical)
|
||||
}
|
||||
} else {
|
||||
AsyncImage(url: emoji.remoteImageURL) { phase in
|
||||
if let image = phase.image {
|
||||
image
|
||||
.resizable().scaledToFit()
|
||||
} else if phase.error != nil {
|
||||
ImageErrorView()
|
||||
.onTapGesture {
|
||||
id = UUID()
|
||||
}
|
||||
.onAppear {
|
||||
DispatchQueue.main.asyncAfter(deadline: .now()+delay) {
|
||||
id = UUID()
|
||||
delay+=0.1
|
||||
}
|
||||
} else {
|
||||
ProgressView()
|
||||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
ProgressView()
|
||||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -65,7 +72,6 @@ struct ImageErrorView: View {
|
||||
Image(systemName: "xmark.app.fill")
|
||||
.resizable().scaledToFit()
|
||||
.padding()
|
||||
.padding()
|
||||
.symbolRenderingMode(.hierarchical)
|
||||
.foregroundStyle(.red)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user