Add the initial avatar action menu [...] (#570)

Sources/GravatarUI/Resources/Media.xcassets/more-horizontal.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "more-horizontal.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}

Sources/GravatarUI/Resources/en.lproj/Localizable.strings

@@ -1,3 +1,9 @@
+/* An option in the avatar menu that deletes the avatar */
+"AvatarPicker.AvatarAction.delete" = "Delete";
+
+/* An option in the avatar menu that shares the avatar */
+"AvatarPicker.AvatarAction.share" = "Share";
+
 /* Title of a message advising the user that something went wrong while trying to log in. */
 "AvatarPicker.ContentLoading.Failure.LogInError.title" = "Login required";
 

Sources/GravatarUI/SwiftUI/AvatarPicker/AvatarAction.swift

@@ -0,0 +1,44 @@
+import Foundation
+import SwiftUI
+
+enum AvatarAction: String, CaseIterable, Identifiable {
+    case share
+    case delete
+
+    var id: String { rawValue }
+
+    var icon: Image {
+        switch self {
+        case .delete:
+            Image(systemName: "trash")
+        case .share:
+            Image(systemName: "square.and.arrow.up")
+        }
+    }
+
+    var localizedTitle: String {
+        switch self {
+        case .delete:
+            SDKLocalizedString(
+                "AvatarPicker.AvatarAction.delete",
+                value: "Delete",
+                comment: "An option in the avatar menu that deletes the avatar"
+            )
+        case .share:
+            SDKLocalizedString(
+                "AvatarPicker.AvatarAction.share",
+                value: "Share",
+                comment: "An option in the avatar menu that shares the avatar"
+            )
+        }
+    }
+
+    var role: ButtonRole? {
+        switch self {
+        case .delete:
+            .destructive
+        case .share:
+            nil
+        }
+    }
+}

Sources/GravatarUI/SwiftUI/AvatarPicker/AvatarPickerView.swift

@@ -291,6 +291,10 @@ struct AvatarPickerView<ImageEditor: ImageEditorView>: View {
                 onFailedUploadTapped: { failedUploadInfo in
                     uploadError = failedUploadInfo
                     isUploadErrorDialogPresented = true
+                },
+                onAvatarActionTap: { avatar, action in
+                    // TODO: Replace
+                    print("Avatar action tapped: \(avatar.id), \(action.rawValue)")
                 }
             )
             .padding(.horizontal, Constants.horizontalPadding)
@@ -304,6 +308,10 @@ struct AvatarPickerView<ImageEditor: ImageEditorView>: View {
                 onFailedUploadTapped: { failedUploadInfo in
                     uploadError = failedUploadInfo
                     isUploadErrorDialogPresented = true
+                },
+                onAvatarActionTap: { avatar, action in
+                    // TODO: Replace
+                    print("Avatar action tapped: \(avatar.id), \(action.rawValue)")
                 }
             )
             .padding(.top, .DS.Padding.medium)

Sources/GravatarUI/SwiftUI/AvatarPicker/Views/AvatarGrid.swift

@@ -23,6 +23,7 @@ struct AvatarGrid<ImageEditor: ImageEditorView>: View {
     let onAvatarTap: (AvatarImageModel) -> Void
     let onImagePickerDidPickImage: (UIImage) -> Void
     let onFailedUploadTapped: (FailedUploadInfo) -> Void
+    let onAvatarActionTap: (AvatarImageModel, AvatarAction) -> Void
 
     var body: some View {
         LazyVGrid(columns: gridItems, spacing: AvatarGridConstants.avatarSpacing) {
@@ -45,7 +46,10 @@ struct AvatarGrid<ImageEditor: ImageEditorView>: View {
                         grid.selectedAvatar?.id == avatar.id
                     },
                     onAvatarTap: onAvatarTap,
-                    onFailedUploadTapped: onFailedUploadTapped
+                    onFailedUploadTapped: onFailedUploadTapped,
+                    onActionTap: { action in
+                        onAvatarActionTap(avatar, action)
+                    }
                 )
             }
         }
@@ -68,6 +72,8 @@ struct AvatarGrid<ImageEditor: ImageEditorView>: View {
             grid.append(newAvatarModel(image))
         } onFailedUploadTapped: { _ in
             // No op. inside the preview.
+        } onAvatarActionTap: { _, _ in
+            // No op. inside the preview.
         }
         .padding()
         Button("Add avatar cell") {

Sources/GravatarUI/SwiftUI/AvatarPicker/Views/AvatarPickerAvatarView.swift

@@ -13,6 +13,7 @@ struct AvatarPickerAvatarView: View {
     let shouldSelect: () -> Bool
     let onAvatarTap: (AvatarImageModel) -> Void
     let onFailedUploadTapped: (FailedUploadInfo) -> Void
+    let onActionTap: (AvatarAction) -> Void
 
     var body: some View {
         AvatarView(
@@ -54,12 +55,44 @@ struct AvatarPickerAvatarView: View {
                 }
                 .cornerRadius(AvatarGridConstants.avatarCornerRadius)
             case .loaded:
-                EmptyView()
+                VStack {
+                    Spacer()
+                    HStack {
+                        Spacer()
+                        actionsMenu()
+                    }
+                }
             }
         }.onTapGesture {
             onAvatarTap(avatar)
         }
     }
+
+    func ellipsisView() -> some View {
+        Image("more-horizontal", bundle: Bundle.module).renderingMode(.template)
+            .tint(.white)
+            .background(Color(uiColor: UIColor.gravatarBlack.withAlphaComponent(0.4)))
+            .cornerRadius(2)
+            .padding(CGFloat.DS.Padding.half)
+    }
+
+    func actionsMenu() -> some View {
+        Menu {
+            ForEach(AvatarAction.allCases) { action in
+                Button(role: action.role) {
+                    onActionTap(action)
+                } label: {
+                    Label {
+                        Text(action.localizedTitle)
+                    } icon: {
+                        action.icon
+                    }
+                }
+            }
+        } label: {
+            ellipsisView()
+        }
+    }
 }
 
 #Preview {
@@ -68,5 +101,6 @@ struct AvatarPickerAvatarView: View {
         false
     } onAvatarTap: { _ in
     } onFailedUploadTapped: { _ in
+    } onActionTap: { _ in
     }
 }

Sources/GravatarUI/SwiftUI/AvatarPicker/Views/HorizontalAvatarGrid.swift

@@ -9,6 +9,7 @@ struct HorizontalAvatarGrid: View {
 
     let onAvatarTap: (AvatarImageModel) -> Void
     let onFailedUploadTapped: (FailedUploadInfo) -> Void
+    let onAvatarActionTap: (AvatarImageModel, AvatarAction) -> Void
 
     var body: some View {
         ScrollView(.horizontal) {
@@ -22,7 +23,10 @@ struct HorizontalAvatarGrid: View {
                             grid.selectedAvatar?.id == avatar.id
                         },
                         onAvatarTap: onAvatarTap,
-                        onFailedUploadTapped: onFailedUploadTapped
+                        onFailedUploadTapped: onFailedUploadTapped,
+                        onActionTap: { action in
+                            onAvatarActionTap(avatar, action)
+                        }
                     )
                 }
             }
@@ -48,5 +52,7 @@ struct HorizontalAvatarGrid: View {
         grid.selectAvatar(withID: avatar.id)
     } onFailedUploadTapped: { _ in
         // No op. Inside the preview.
+    } onAvatarActionTap: { _, _ in
+        // No op. Inside the preview.
     }
 }