Merge pull request #274 from TaskarCenterAtUW/Bug-2072-Cannot-select-some-answer-choices

Bug 2072 cannot select some answer choices

Author: srikanth-vg

GoInfoGame/GoInfoGame/Helpers/Extensions.swift

@@ -10,6 +10,7 @@ import MapKit
 import RealmSwift
 import ARKit
 import SwiftUI
+import Combine
 
 
 // Extension to check if a polyline intersects with a coordinate
@@ -161,4 +162,27 @@ extension UIApplication {
     static func window() -> UIWindow? {
         return UIApplication.shared.connectedScenes.flatMap { ($0 as? UIWindowScene)?.windows ?? [] }.first { $0.isKeyWindow }
     }
+    
+    var safeAreaBottomInset: CGFloat {
+        guard let windowScene = connectedScenes.first as? UIWindowScene,
+              let window = windowScene.windows.first(where: \.isKeyWindow) else {
+            return 0
+        }
+        return window.safeAreaInsets.bottom
+    }
+}
+
+extension Publishers {
+    static var keyboardHeight: AnyPublisher<CGFloat, Never> {
+        let willShow = NotificationCenter.default
+            .publisher(for: UIResponder.keyboardWillShowNotification)
+            .map { ($0.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect)?.height ?? 0 }
+
+        let willHide = NotificationCenter.default
+            .publisher(for: UIResponder.keyboardWillHideNotification)
+            .map { _ in CGFloat(0) }
+
+        return MergeMany(willShow, willHide)
+            .eraseToAnyPublisher()
+    }
 }

GoInfoGame/GoInfoGame/quests/LongQuests/Components/QuestOptions.swift

@@ -112,10 +112,6 @@ struct QuestOptions: View {
                                                 label: option.choiceText,
                                                 isSelected: currentAnswer == option.value
                                             )
-                                            .onLongPressGesture {
-                                                selectedImageURL = imageUrl
-                                                selectedImageText = option.choiceText
-                                            }
                                         } else {
                                             ZStack {
                                                 Image("no_image")
@@ -161,7 +157,12 @@ struct QuestOptions: View {
                                     RoundedRectangle(cornerRadius: 8)
                                         .stroke(currentAnswer == option.value ? Color.blue : Color.clear, lineWidth: 3)
                                 )
-
+                                .onLongPressGesture {
+                                    if let imageUrl = option.imageURL, !imageUrl.isEmpty {
+                                        selectedImageURL = imageUrl
+                                        selectedImageText = option.choiceText
+                                    }
+                                }
                             }
                         }
 
@@ -222,7 +223,7 @@ struct QuestOptions: View {
 }
 
 #Preview {
-    QuestOptions(options: [QuestAnswerChoice(value: "yes", choiceText: "Yes, this roadway can be crossed safely.", imageURL: nil, choiceFollowUp: nil),
+    QuestOptions(options: [QuestAnswerChoice(value: "asphalt", choiceText: "Asphalt", imageURL: "https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/refs/heads/main/images/sidewalk/surface/asphalt_landscape.png", choiceFollowUp: nil),
                            QuestAnswerChoice(value: "no", choiceText: "No, this roadway is too wide to cross safely.", imageURL: nil, choiceFollowUp: nil)], selectedAnswerId: .constant(UUID()), onChoiceSelected: { qa in
 
     }, questType: GoInfoGame.QuestType.exclusiveChoice, currentAnswer: .constant("Binding<String?>")) { s in

GoInfoGame/GoInfoGame/quests/LongQuests/View/LongForm.swift

@@ -7,7 +7,7 @@
 
 import SwiftUI
 import CoreLocation
-
+import Combine
 
 struct LongForm: View, QuestForm {
 
@@ -58,6 +58,8 @@ struct LongForm: View, QuestForm {
 
     @StateObject private var noteViewModel = NotesViewModel()
 
+    @State private var keyboardHeight: CGFloat = 0
+    
     var body: some View {
         ZStack {
             VStack(alignment: .leading) {
@@ -192,6 +194,13 @@ struct LongForm: View, QuestForm {
                             Text("No Quests available")
                         }
                     }
+                    .padding(.bottom, keyboardHeight)
+                    .onReceive(Publishers.keyboardHeight) { height in
+                        let safeAreaBottom = UIApplication.shared.safeAreaBottomInset
+                        withAnimation {
+                            keyboardHeight = max(0, height - safeAreaBottom)
+                        }
+                    }
                 }
                 .hideKeyboardOnTap()