update emojpreview

StickerSlack/Views/EmojiPreview.swift

@@ -18,16 +18,14 @@ struct EmojiPreview: View {
 		VStack(alignment: .leading) {
 			Text(emoji.name)
 			Group {
-				if emoji.isLocal {
+				AsyncImage(url: emoji.localImageURL) { phase in
-					Image(uiImage: emoji.image ?? UIImage())
+					if let image = phase.image {
+						image
 							.resizable().scaledToFit()
-						.border(.orange)
+					} else if phase.error != nil {
-						.overlay(alignment: .bottomLeading) {
+						ImageErrorView()
-							Image(systemName: "arrow.down.circle.fill")
+							.onTapGesture {
-								.resizable().scaledToFit()
+								id = UUID()
-								.frame(width: 20, height: 20)
-								.symbolRenderingMode(.hierarchical)
-								.shadow(radius: 1)
 							}
 					} else {
 						AsyncImage(url: emoji.remoteImageURL) { phase in
@@ -35,20 +33,10 @@ struct EmojiPreview: View {
 								image
 									.resizable().scaledToFit()
 							} else if phase.error != nil {
-							ZStack {
+								ImageErrorView()
-								Image(systemName: "xmark.app.fill")
-									.resizable().scaledToFit()
-									.padding()
-									.padding()
-									.symbolRenderingMode(.hierarchical)
-									.foregroundStyle(.red)
-									.onAppear {
-										id = UUID()
-									}
 									.onTapGesture {
 										id = UUID()
 									}
-							}
 							} else {
 								ProgressView()
 									.frame(maxWidth: .infinity, maxHeight: .infinity)
@@ -56,6 +44,7 @@ struct EmojiPreview: View {
 						}
 					}
 				}
+			}
 			.id(id)
 		}
     }
@@ -70,3 +59,14 @@ struct EmojiPreview: View {
 		)
 	)
 }
+
+struct ImageErrorView: View {
+	var body: some View {
+		Image(systemName: "xmark.app.fill")
+			.resizable().scaledToFit()
+			.padding()
+			.padding()
+			.symbolRenderingMode(.hierarchical)
+			.foregroundStyle(.red)
+	}
+}