Replace Share URL with Share URL as QR Code

2024-01-14 20:32:12 +08:00
parent 74465cad0c
commit 5fb2fd3498
4 changed files with 112 additions and 22 deletions
@@ -1,3 +1,4 @@
+import Libbox
 import Library
 import SwiftUI

@@ -14,6 +15,8 @@ public struct EditProfileView: View {
    @State private var isLoading = false
    @State private var isChanged = false
    @State private var alert: Alert?
+    @State private var shareLinkPresented = false
+    @State private var shareLinkText: String?

    public init() {}
    public var body: some View {
@@ -72,16 +75,6 @@ public struct EditProfileView: View {
                            } label: {
                                Text("View Content").foregroundColor(.accentColor)
                            }
-                            ProfileShareButton($alert, profile) {
-                                Text("Share")
-                            }
-                        #endif
-                        #if os(iOS) || os(macOS)
-                            ShareButtonCompat($alert) {
-                                Text("Share URL")
-                            } itemURL: {
-                                profile.shareLink
-                            }
                        #endif
                        Button("Update") {
                            isLoading = true
@@ -2,6 +2,7 @@ import Foundation
 import Libbox
 import Library
 import Network
+import QRCode
 import SwiftUI

@MainActor
@@ -287,6 +288,8 @@ public struct ProfileView: View {
    public struct ProfileItem: View {
        private let parent: ProfileView
        @State private var profile: ProfilePreview
+        @State private var shareLinkPresented = false
+
        public init(_ parent: ProfileView, _ profile: ProfilePreview) {
            self.parent = parent
            _profile = State(initialValue: profile)
@@ -313,11 +316,20 @@ public struct ProfileView: View {
                    } label: {
                        Text(profile.name)
                    }
+                    .sheet(isPresented: $shareLinkPresented) {
+                        shareLinkView.padding()
+                    }
                    .contextMenu {
                        ProfileShareButton(parent.$alert, profile.origin) {
                            Label("Share", systemImage: "square.and.arrow.up.fill")
                        }
+
                        if profile.type == .remote {
+                            Button {
+                                shareLinkPresented = true
+                            } label: {
+                                Label("Share URL as QR Code", systemImage: "qrcode")
+                            }
                            Button {
                                parent.isUpdating = true
                                Task {
@@ -356,6 +368,14 @@ public struct ProfileView: View {
                                } label: {
                                    Image(systemName: "arrow.clockwise")
                                }
+                                Button {
+                                    shareLinkPresented = true
+                                } label: {
+                                    Image(systemName: "qrcode")
+                                }
+                                .popover(isPresented: $shareLinkPresented, arrowEdge: .bottom) {
+                                    shareLinkView
+                                }
                            }
                            ProfileShareButton(parent.$alert, profile.origin) {
                                Image(systemName: "square.and.arrow.up.fill")
@@ -380,5 +400,38 @@ public struct ProfileView: View {
                #endif
            }
        }
+
+        private var shareLinkView: some View {
+            #if os(iOS)
+                viewBuilder {
+                    if #available(iOS 16.0, *) {
+                        shareLinkView0
+                            .presentationDetents([.medium])
+                            .presentationDragIndicator(.visible)
+                    } else {
+                        shareLinkView0
+                    }
+                }
+            #else
+                shareLinkView0
+            #endif
+        }
+
+        private var foregroundColor: CGColor {
+            #if canImport(UIKit)
+                return UIColor.label.cgColor
+            #elseif canImport(AppKit)
+                return NSColor.labelColor.cgColor
+            #endif
+        }
+
+        private var shareLinkView0: some View {
+            QRCodeViewUI(
+                content: LibboxGenerateRemoteProfileImportLink(profile.name, profile.remoteURL!),
+                errorCorrection: .low,
+                foregroundColor: foregroundColor,
+                backgroundColor: CGColor(gray: 1.0, alpha: 0.0)
+            )
+        }
    }
 }