my new emojipreview was shit

added a delay thing which increases each time theres an error loading

StickerSlack/Views/EmojiPreview.swift

@@ -13,19 +13,21 @@ 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 = emoji.image {
-					if let image = phase.image {
+					Image(uiImage: image)
-						image
 						.resizable().scaledToFit()
-					} else if phase.error != nil {
+						.border(.orange)
-						ImageErrorView()
+						.overlay(alignment: .bottomLeading) {
-							.onTapGesture {
+							Image(systemName: "arrow.down.circle.fill")
-								id = UUID()
+								.foregroundStyle(.gray)
+								.shadow(radius: 1)
+								.symbolRenderingMode(.hierarchical)
 						}
 				} else {
 					AsyncImage(url: emoji.remoteImageURL) { phase in
@@ -37,6 +39,12 @@ struct EmojiPreview: View {
 								.onTapGesture {
 									id = UUID()
 								}
+								.onAppear {
+									DispatchQueue.main.asyncAfter(deadline: .now()+delay) {
+										id = UUID()
+										delay+=0.1
+									}
+								}
 						} else {
 							ProgressView()
 								.frame(maxWidth: .infinity, maxHeight: .infinity)
@@ -44,7 +52,6 @@ struct EmojiPreview: View {
 					}
 				}
 			}
-			}
 			.id(id)
 		}
     }
@@ -65,7 +72,6 @@ struct ImageErrorView: View {
 		Image(systemName: "xmark.app.fill")
 			.resizable().scaledToFit()
 			.padding()
-			.padding()
 			.symbolRenderingMode(.hierarchical)
 			.foregroundStyle(.red)
 	}