Create a new "Media Storage Details" view (#24888)

* Create a new "Media Storage Details" view

* Remove an empty line

* Localize "View Usage"

Author: crazytonyli

Modules/Sources/BuildSettingsKit/BuildSettings+Preview.swift

@@ -4,6 +4,7 @@ import Foundation
 extension BuildSettings {
     nonisolated(unsafe) static var preview = BuildSettings(
         configuration: .debug,
+        secrets: .dummy,
         brand: .jetpack,
         pushNotificationAppID: "xcpreview_push_notification_id",
         appGroupName: "xcpreview_app_group_name",

Sources/WordPressData/Swift/Blog+Quota.swift

@@ -45,6 +45,14 @@ public extension Blog {
         return String(format: formatString, quotaPercentageUsedDescription, quotaSpaceAllowedDescription)
     }
 
+    @objc var quotaUsageShortDescription: String? {
+        guard isQuotaAvailable, let quotaPercentageUsedDescription = self.quotaPercentageUsedDescription, let quotaSpaceAllowedDescription = self.quotaSpaceAllowedDescription else {
+            return nil
+        }
+        let formatString = NSLocalizedString("%1$@ of %2$@ used", comment: "Amount of disk quota being used. First argument is the total percentage being used second argument is total quota allowed in GB.Ex: 33% of 14 GB used on your site.")
+        return String(format: formatString, quotaPercentageUsedDescription, quotaSpaceAllowedDescription)
+    }
+
     /// Returns the disk space quota still available to use in the site.
     @objc var quotaSpaceAvailable: NSNumber? {
         guard let quotaSpaceAllowed = quotaSpaceAllowed?.int64Value, let quotaSpaceUsed = quotaSpaceUsed?.int64Value else {

WordPress/Classes/Services/MediaServiceRemoteCoreREST.swift

@@ -14,6 +14,14 @@ class MediaServiceRemoteCoreREST: NSObject, MediaServiceRemote {
         self.client = client
     }
 
+    func unattachedMediaItemCount() async throws -> Int? {
+        try await client.api.media
+            .listWithViewContext(params: .init(parent: [0]))
+            .headerMap
+            .wpTotal()
+            .flatMap(Int.init)
+    }
+
     func getMediaWithID(_ mediaID: NSNumber, success: ((RemoteMedia?) -> Void)?, failure: (((any Error)?) -> Void)?) {
         Task { @MainActor in
             do {

WordPress/Classes/Utility/BuildInformation/FeatureFlag.swift

@@ -27,6 +27,7 @@ public enum FeatureFlag: Int, CaseIterable {
     case newsletterSubscribers
     case newStats
     case newPublishingSheet
+    case mediaQuotaView
 
     /// Returns a boolean indicating if the feature is enabled.
     ///
@@ -85,6 +86,8 @@ public enum FeatureFlag: Int, CaseIterable {
             return false
         case .newPublishingSheet:
             return false
+        case .mediaQuotaView:
+            return false
         }
     }
 
@@ -129,6 +132,7 @@ extension FeatureFlag {
         case .newsletterSubscribers: "Newsletter Subscribers"
         case .newStats: "New Stats"
         case .newPublishingSheet: "New Publishing Sheet"
+        case .mediaQuotaView: "Media Quota"
         }
     }
 }

WordPress/Classes/ViewRelated/Media/SiteMedia/Controllers/SiteMediaAddMediaMenuController.swift

@@ -1,3 +1,4 @@
+import SwiftUI
 import UIKit
 import Photos
 import PhotosUI
@@ -35,9 +36,17 @@ final class SiteMediaAddMediaMenuController: NSObject, PHPickerViewControllerDel
             ]
         }
         if let quotaUsageDescription = blog.quotaUsageDescription {
-            children += [
-                UIAction(subtitle: quotaUsageDescription, handler: { _ in })
-            ]
+            if FeatureFlag.mediaQuotaView.enabled {
+                children += [
+                    UIAction(title: Strings.viewUsage, subtitle: blog.quotaUsageShortDescription, image: UIImage(systemName: "opticaldiscdrive"), handler: { _ in
+                        self.showQuotaView(from: viewController)
+                    })
+                ]
+            } else {
+                children += [
+                    UIAction(subtitle: quotaUsageDescription, handler: { _ in })
+                ]
+            }
         }
         return UIMenu(options: [.displayInline], children: children)
     }
@@ -47,6 +56,12 @@ final class SiteMediaAddMediaMenuController: NSObject, PHPickerViewControllerDel
             .showPhotosPicker(delegate: self)
     }
 
+    private func showQuotaView(from viewController: UIViewController) {
+        guard let viewModel = try? MediaStorageDetailsViewModel(blog: blog) else { return }
+        let rootView = MediaStorageDetailsView(viewModel: viewModel)
+        viewController.present(UIHostingController(rootView: rootView), animated: true)
+    }
+
     // MARK: - PHPickerViewControllerDelegate
 
     func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
@@ -150,4 +165,5 @@ final class SiteMediaAddMediaMenuController: NSObject, PHPickerViewControllerDel
 
 private enum Strings {
     static let pickFromOtherApps = NSLocalizedString("mediaPicker.pickFromOtherApps", value: "Other Files", comment: "The name of the action in the context menu for selecting photos from other apps (Files app)")
+    static let viewUsage = NSLocalizedString("mediaPicker.viewUsage", value: "View Usage", comment: "The menu item of viewing media library usage")
 }