[FileManager] SDCard with Preview

Author: Programistich

Flipper/Packages/Peripheral/Sources/RPC/Model/Storage.swift

@@ -5,6 +5,11 @@ public struct StorageSpace: Equatable {
     public let total: Int
 
     public var used: Int { total - free }
+
+    public init(free: Int, total: Int) {
+        self.free = free
+        self.total = total
+    }
 }
 
 public enum Element: Equatable {

Flipper/iOS/UI/FileManager/Components/SDCardInfo.swift

@@ -5,10 +5,6 @@ extension FileManagerView {
     struct SDCardInfo: View {
         let storage: StorageSpace?
 
-        init(_ storage: StorageSpace?) {
-            self.storage = storage
-        }
-
         var body: some View {
             HStack(spacing: 32) {
                 VStack(alignment: .leading, spacing: 12) {
@@ -32,7 +28,7 @@ extension FileManagerView {
                     .frame(width: 84, height: 84)
                     .foregroundColor(.primary)
             }
-            .padding(8)
+            .padding(12)
             .background(Color.groupedBackground)
             .cornerRadius(12)
         }
@@ -97,3 +93,13 @@ fileprivate extension StorageSpace {
         return CGFloat(used) / CGFloat(total)
     }
 }
+
+#Preview {
+    VStack {
+        FileManagerView.SDCardInfo(storage: nil)
+
+        FileManagerView.SDCardInfo(storage: .init(free: 10, total: 40))
+    }
+    .padding(12)
+    .background(Color.background)
+}

Flipper/iOS/UI/FileManager/FileManagerListing.swift

@@ -38,6 +38,10 @@ extension FileManagerView {
                 : _elements.filter { !$0.name.hasPrefix(".") }
         }
 
+        var storage: StorageSpace? {
+            device.storageInfo?.external
+        }
+
         var body: some View {
             VStack {
                 if let error = error {
@@ -47,7 +51,7 @@ extension FileManagerView {
                 } else {
                     List {
                         if path.isRoot {
-                            SDCardInfo(device.storageInfo?.external)
+                            SDCardInfo(storage: storage)
                         } else {
                             NavigationPathView(path: path)
                         }