Improve display of results

CHDataManagement/Views/Pages/LocalizedPageContentView.swift

@@ -69,6 +69,7 @@ struct LocalizedPageContentView: View {
                 let linkingPosts = content.posts.filter { $0.linkedPage == page }
                 TextWithPopup(
                     symbol: .ipadAndArrowForward,
+                    title: "Post linking to page",
                     text: "\(linkingPosts.count) linking posts",
                     items: linkingPosts.map { $0.title(in: language) })
             }.foregroundStyle(.secondary)

CHDataManagement/Views/Pages/PageContentResultsView.swift

@@ -1,6 +1,23 @@
 import SwiftUI
 import SFSafeSymbols
 
+private struct TextWithSymbol: Comparable, Identifiable {
+
+    let symbol: SFSymbol
+
+    let color: Color
+
+    let text: String
+
+    static func < (lhs: TextWithSymbol, rhs: TextWithSymbol) -> Bool {
+        lhs.text < rhs.text
+    }
+
+    var id: String {
+        text
+    }
+}
+
 struct PageContentResultsView: View {
 
     @Environment(\.language)
@@ -9,48 +26,100 @@ struct PageContentResultsView: View {
     @ObservedObject
     var results: PageGenerationResults
 
-    #warning("Rework to only show a single popup with all files, and indicate missing ones")
     private var totalFileCount: Int {
         results.usedFiles.count + results.missingFiles.count + results.missingLinkedFiles.count
     }
 
+    private var allFiles: [TextWithSymbol] {
+        results.usedFiles.map {
+            TextWithSymbol(
+                symbol: $0.type.category.symbol,
+                color: .blue,
+                text: $0.id)
+        }
+        + results.missingFiles.keys.map {
+            TextWithSymbol(
+                symbol: .questionmarkCircleFill,
+                color: .red,
+                text: $0)
+        }
+        + results.missingLinkedFiles.keys.map {
+            TextWithSymbol(
+                symbol: .questionmarkCircleFill,
+                color: .red,
+                text: $0)
+        }
+    }
+
+    private var totalLinkCount: Int {
+        results.externalLinks.count +
+        results.missingLinkedPages.count +
+        results.linkedPages.count
+    }
+
+    private var allLinks: [TextWithSymbol] {
+        results.externalLinks.map {
+            TextWithSymbol(
+                symbol: .network,
+                color: .blue,
+                text: $0)
+        }
+        + results.missingLinkedPages.keys.map {
+            TextWithSymbol(
+                symbol: .questionmarkCircleFill,
+                color: .red,
+                text: $0)
+        }
+        + results.linkedPages.map {
+            TextWithSymbol(
+                symbol: .docBadgePlus,
+                color: .blue,
+                text: $0.title(in: language))
+        }
+    }
+
     var body: some View {
         HStack {
-            TextWithPopup(
+            PopupWithList(
                 symbol: .photoOnRectangleAngled,
-                text: "\(totalFileCount) images and files",
-                items: results.usedFiles.sorted().map { $0.id })
-            .foregroundStyle(.secondary)
+                text: "\(totalFileCount) files", canShowPopup: totalFileCount > 0) {
+                    Text("Files")
+                        .font(.title)
+                    List {
+                        ForEach(allFiles.sorted()) { file in
+                            HStack {
+                                Image(systemSymbol: file.symbol)
+                                    .frame(width: 18)
+                                    .foregroundStyle(file.color)
+                                Text(file.text)
+                            }
+                        }
+                    }
+                    .frame(minHeight: 400)
+                }
 
-            TextWithPopup(
-                symbol: .docBadgePlus,
-                text: "\(results.linkedPages.count + results.missingLinkedPages.count) page links",
-                items: results.linkedPages.sorted().map { $0.localized(in: language).title })
-            .foregroundStyle(.secondary)
+            PopupWithList(
+                symbol: .photoOnRectangleAngled,
+                text: "\(totalLinkCount) links", canShowPopup: totalLinkCount > 0) {
+                    Text("Links")
+                        .font(.title)
+                    List {
+                        ForEach(allLinks.sorted()) { file in
+                            HStack {
+                                Image(systemSymbol: file.symbol)
+                                    .frame(width: 18)
+                                    .foregroundStyle(file.color)
+                                Text(file.text)
+                            }
+                        }
+                    }
+                    .frame(minHeight: 400)
+                }
 
-            TextWithPopup(
-                symbol: .globe,
-                text: "\(results.externalLinks.count) external links",
-                items: results.externalLinks.sorted())
-            .foregroundStyle(.secondary)
-
-            if !results.missingLinkedPages.isEmpty {
-                TextWithPopup(
-                    symbol: .exclamationmarkTriangleFill,
-                    text: "\(results.missingLinkedPages.count) missing pages",
-                    items: results.missingLinkedPages.keys.sorted())
-                .foregroundStyle(.red)
-            }
-            if !results.missingFiles.isEmpty {
-                TextWithPopup(
-                    symbol: .exclamationmarkTriangleFill,
-                    text: "\(results.missingFiles.count) missing files",
-                    items: results.missingFiles.keys.sorted())
-                .foregroundStyle(.red)
-            }
             if !results.invalidCommands.isEmpty {
                 TextWithPopup(
                     symbol: .exclamationmarkTriangleFill,
+                    title: "Invalid commands",
                     text: "\(results.invalidCommands.count) invalid commands",
                     items: results.invalidCommands.map { $0.markdown }.sorted())
                 .foregroundStyle(.red)