[ADD] UI for writing an app review and submit an app rating

AltStore/Views/App Detail/AppDetailView.swift

@@ -25,7 +25,7 @@ struct AppDetailView: View {
     let maxContentCornerRadius: CGFloat = 24
     let headerViewHeight: CGFloat = 140
     let permissionColumns = 4
-    
+
     var headerBlurRadius: CGFloat {
         min(20, max(0, 20 - (scrollOffset / -150) * 20))
     }
@@ -35,6 +35,11 @@ struct AppDetailView: View {
     var contentCornerRadius: CGFloat {
         max(CGFloat.zero, min(maxContentCornerRadius, maxContentCornerRadius * (1 - self.scrollOffset / self.headerViewHeight)))
     }
+
+    var canRateApp: Bool {
+        self.storeApp.installedApp != nil
+    }
+
     
     var body: some View {
         ObservableScrollView(scrollOffset: $scrollOffset) { proxy in
@@ -86,7 +91,7 @@ struct AppDetailView: View {
     }
     
     var contentView: some View {
-        VStack(alignment: .leading) {
+        VStack(alignment: .leading, spacing: 24) {
             VStack(alignment: .leading, spacing: 32) {
                 if storeApp.isFromOfficialSource {
                     officialAppBadge
@@ -145,7 +150,7 @@ struct AppDetailView: View {
             }
 
 
-            VStack(spacing: 16) {
+            VStack(spacing: 24) {
                 Divider()
 
                 currentVersionView
@@ -179,23 +184,29 @@ struct AppDetailView: View {
     }
     
     var officialAppBadge: some View {
-        HStack {
-            Spacer()
-            Image(systemSymbol: .checkmarkSealFill)
-            Text(L10n.AppDetailView.Badge.official)
-            Spacer()
+        HintView(backgroundColor: Color(UIColor.secondarySystemBackground)) {
+            HStack {
+                Spacer()
+                Image(systemSymbol: .checkmarkSealFill)
+                Text(L10n.AppDetailView.Badge.official)
+                Spacer()
+            }
+            .foregroundColor(.accentColor)
         }
-        .foregroundColor(.accentColor)
+        .padding(.horizontal)
     }
     
     var trustedAppBadge: some View {
-        HStack {
-            Spacer()
-            Image(systemSymbol: .shieldLefthalfFill)
-            Text(L10n.AppDetailView.Badge.trusted)
-            Spacer()
+        HintView(backgroundColor: Color(UIColor.secondarySystemBackground)) {
+            HStack {
+                Spacer()
+                Image(systemSymbol: .shieldLefthalfFill)
+                Text(L10n.AppDetailView.Badge.trusted)
+                Spacer()
+            }
+            .foregroundColor(.accentColor)
         }
-        .foregroundColor(.accentColor)
+        .padding(.horizontal)
     }
     
     var currentVersionView: some View {
@@ -318,7 +329,7 @@ struct AppDetailView: View {
                                         .foregroundColor(.secondary)
                                 }
 
-                                RatingStars(rating: i + 1)
+                                RatingStars(rating: 5 - i)
                                     .frame(height: 12)
                                     .foregroundColor(.yellow)
                             }
@@ -337,6 +348,17 @@ struct AppDetailView: View {
             .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
             .frame(height: 150)
             .padding(.horizontal, -16)
+
+            if self.canRateApp {
+                ModalNavigationLink {
+                    NavigationView {
+                        WriteAppReviewView(storeApp: self.storeApp)
+                    }
+                } label: {
+                    Label("Write a Review", systemSymbol: .squareAndPencil)
+                }
+                .frame(maxWidth: .infinity, alignment: .leading)
+            }
         }
     }
     
@@ -353,9 +375,8 @@ struct AppDetailView: View {
             } else {
                 AppPermissionsGrid(permissions: storeApp.permissions)
             }
-            
-            Spacer()
         }
+        .frame(maxWidth: .infinity, alignment: .leading)
     }
 
     var informationData: [(title: String, content: String)] {

AltStore/Views/App Detail/WriteAppReviewView.swift

@@ -0,0 +1,102 @@
+//
+//  WriteAppReviewView.swift
+//  SideStore
+//
+//  Created by Fabian Thies on 19.02.23.
+//  Copyright © 2023 SideStore. All rights reserved.
+//
+
+import SwiftUI
+import AltStoreCore
+
+struct WriteAppReviewView: View {
+    @Environment(\.dismiss) var dismiss
+
+    let storeApp: StoreApp
+
+    @State var currentRating = 0
+    @State var reviewText = ""
+
+    var canSendReview: Bool {
+        // Only allow the user to send the review if a rating has been set and
+        // the review text is either empty or doesn't contain only whitespaces.
+        self.currentRating > 0 && (
+            self.reviewText.isEmpty || !self.reviewText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty
+        )
+    }
+
+    var body: some View {
+        List {
+            // App Information
+            HStack {
+                AppIconView(iconUrl: storeApp.iconURL, size: 50)
+                VStack(alignment: .leading) {
+                    Text(storeApp.name)
+                        .bold()
+                    Text(storeApp.developerName)
+                        .font(.callout)
+                        .foregroundColor(.secondary)
+                }
+            }
+
+            // Rating
+            Section {
+                HStack {
+                    Spacer()
+                    ForEach(1...5) { rating in
+                        SwiftUI.Button {
+                            self.currentRating = rating
+                        } label: {
+                            Image(systemSymbol: rating > self.currentRating ? .star : .starFill)
+                                .resizable()
+                                .aspectRatio(contentMode: .fit)
+                        }
+                        .buttonStyle(PlainButtonStyle())
+                        .frame(maxHeight: 40)
+                    }
+                    Spacer()
+                }
+                .foregroundColor(.yellow)
+            } header: {
+                Text("Rate the App")
+            }
+
+            // Review
+            Section {
+                TextEditor(text: self.$reviewText)
+                    .frame(minHeight: 100, maxHeight: 250)
+            } header: {
+                Text("Leave a Review (optional)")
+            }
+        }
+        .navigationTitle("Write a Review")
+        .toolbar {
+            ToolbarItem(placement: .cancellationAction) {
+                SwiftUI.Button("Cancel", action: self.dismiss)
+            }
+
+            ToolbarItem(placement: .confirmationAction) {
+                SwiftUI.Button("Send", action: self.sendReview)
+                    .disabled(!self.canSendReview)
+            }
+        }
+    }
+
+
+    private func sendReview() {
+        NotificationManager.shared.showNotification(title: "Feature not Implemented")
+        self.dismiss()
+    }
+}
+
+struct WriteAppReviewView_Previews: PreviewProvider {
+
+    static let context = DatabaseManager.shared.viewContext
+    static let app = StoreApp.makeAltStoreApp(in: context)
+
+    static var previews: some View {
+        NavigationView {
+            WriteAppReviewView(storeApp: app)
+        }
+    }
+}