Updated long form screen with Aviv design

srikanth-vg · srikanth-vg · commit d34706938305 · 2025-08-06T15:41:28.000+05:30
diff --git a/GoInfoGame/GoInfoGame/UI/Map/CreateNoteView.swift b/GoInfoGame/GoInfoGame/UI/Map/CreateNoteView.swift
@@ -59,7 +59,7 @@ struct CreateNoteView: View {
                             .foregroundColor(.white)
                             .padding()
                             .frame(maxWidth: .infinity)
-                            .background(Color.red)
+                            .background(Asset.Colors.accentPink.swiftUIColor)
                             .cornerRadius(9)
                     }
                 }
diff --git a/GoInfoGame/GoInfoGame/UI/Utils/LoadingView.swift b/GoInfoGame/GoInfoGame/UI/Utils/LoadingView.swift
@@ -65,6 +65,7 @@ struct LongFormDismissButtonView: View {
                     .resizable()
                     .aspectRatio(contentMode: .fit)
                     .frame(width: 25, height: 25)
+                    .foregroundStyle(Asset.Colors.accentPink.swiftUIColor)
             })
             
         }
diff --git a/GoInfoGame/GoInfoGame/quests/LongQuests/Components/LongFormImageView.swift b/GoInfoGame/GoInfoGame/quests/LongQuests/Components/LongFormImageView.swift
@@ -16,7 +16,6 @@ struct LongFormImageView: View {
     @State private var uiImage: UIImage?
     
     var label: String? = nil
-    var isSelected: Bool = false
     
     var body: some View {
         Group {
diff --git a/GoInfoGame/GoInfoGame/quests/LongQuests/Components/QuestOptions.swift b/GoInfoGame/GoInfoGame/quests/LongQuests/Components/QuestOptions.swift
@@ -109,8 +109,7 @@ struct QuestOptions: View {
                                                 urlString: imageUrl,
                                                 width: 100,
                                                 height: 100,
-                                                label: option.choiceText,
-                                                isSelected: currentAnswer == option.value
+                                                label: option.choiceText
                                             )
                                         } else {
                                             ZStack {
@@ -155,7 +154,7 @@ struct QuestOptions: View {
                                 }
                                 .overlay(
                                     RoundedRectangle(cornerRadius: 8)
-                                        .stroke(currentAnswer == option.value ? Color.blue : Color.clear, lineWidth: 3)
+                                        .stroke(currentAnswer == option.value ? Asset.Colors.accentPink.swiftUIColor : Color.clear, lineWidth: 3)
                                 )
                                 .onLongPressGesture {
                                     if let imageUrl = option.imageURL, !imageUrl.isEmpty {
@@ -187,9 +186,10 @@ struct QuestOptions: View {
                                 .padding(.horizontal, 12)
                                 .padding(.vertical, 6)
                                 .background(
-                                    LinearGradient(gradient: Gradient(colors: [Color.blue, Color.purple]), startPoint: .leading, endPoint: .trailing)
+                                    LinearGradient(gradient: Gradient(colors: [Asset.Colors.huskyPurple.swiftUIColor, Asset.Colors.accentPink.swiftUIColor]), startPoint: .leading, endPoint: .trailing)
                                 )
                                 .shadow(color: Color.gray.opacity(0.5), radius: 4, x: 2, y: 2)
+                                .cornerRadius(9)
                             }
                         }
                     }
diff --git a/GoInfoGame/GoInfoGame/quests/LongQuests/View/LongForm.swift b/GoInfoGame/GoInfoGame/quests/LongQuests/View/LongForm.swift
@@ -66,38 +66,38 @@ struct LongForm: View, QuestForm {
                     HStack {
                         Text(elementName ?? "")
                             .font(.custom("Lato-Bold", size: 16))
+                            .foregroundStyle(Asset.Colors.huskyPurple.swiftUIColor)
                         Spacer()
-                        Button("Hide this") {
+                        LongFormDismissButtonView {
                             withAnimation {
-                                MapViewPublisher.shared.dismissSheet.send(.hideElement(questID ?? "0", elementName ?? ""))
                                 presentationMode.wrappedValue.dismiss()
                             }
-                            
                         }
-                    }
-                
-                    .padding(EdgeInsets(top: 20, leading: 20, bottom: 10, trailing: 20))
+                    }.padding(EdgeInsets(top: 20, leading: 20, bottom: 10, trailing: 20))
                 
                 Text("ID: \(questID ?? "0")")
                     .font(.custom("Lato-Regular", size: 13))
                     .padding([.leading], 20)
+                    .foregroundStyle(Asset.Colors.huskyPurple.swiftUIColor)
                 
                 HStack {
                     Button {
                         showNotesBox = true
                     } label: {
                         Text(" Compose Note")
                             .font(.custom("Lato-Bold", size: 15))
+                            .foregroundStyle(Asset.Colors.accentPink.swiftUIColor)
                     }
                     .padding(EdgeInsets(top: 0, leading: 14, bottom: 0, trailing: 20))
-                    
-                    
-                    LongFormDismissButtonView {
+                    Spacer()
+                    Button("Hide this") {
                         withAnimation {
+                            MapViewPublisher.shared.dismissSheet.send(.hideElement(questID ?? "0", elementName ?? ""))
                             presentationMode.wrappedValue.dismiss()
                         }
                     }
-                    .padding([.trailing], 20)
+                    .padding(.trailing, 20)
+                    .foregroundStyle(Asset.Colors.accentPink.swiftUIColor)
                 }
                 
                 if showCreateNoteMessage {
@@ -152,7 +152,7 @@ struct LongForm: View, QuestForm {
                                     .foregroundColor(.white)
                                     .padding()
                                     .frame(maxWidth: .infinity)
-                                    .background(Color.red)
+                                    .background(Asset.Colors.accentPink.swiftUIColor)
                                     .cornerRadius(9)
                             }
                         }

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ struct CreateNoteView: View {`
`59`	`59`	`.foregroundColor(.white)`
`60`	`60`	`.padding()`
`61`	`61`	`.frame(maxWidth: .infinity)`
`62`		`- .background(Color.red)`
	`62`	`+ .background(Asset.Colors.accentPink.swiftUIColor)`
`63`	`63`	`.cornerRadius(9)`
`64`	`64`	`}`
`65`	`65`	`}`
Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,7 @@ struct LongFormDismissButtonView: View {`
`65`	`65`	`.resizable()`
`66`	`66`	`.aspectRatio(contentMode: .fit)`
`67`	`67`	`.frame(width: 25, height: 25)`
	`68`	`+ .foregroundStyle(Asset.Colors.accentPink.swiftUIColor)`
`68`	`69`	`})`
`69`	`70`
`70`	`71`	`}`
Original file line number	Diff line number	Diff line change
`@@ -109,8 +109,7 @@ struct QuestOptions: View {`
`109`	`109`	`urlString: imageUrl,`
`110`	`110`	`width: 100,`
`111`	`111`	`height: 100,`
`112`		`- label: option.choiceText,`
`113`		`- isSelected: currentAnswer == option.value`
	`112`	`+ label: option.choiceText`
`114`	`113`	`)`
`115`	`114`	`} else {`
`116`	`115`	`ZStack {`
`@@ -155,7 +154,7 @@ struct QuestOptions: View {`
`155`	`154`	`}`
`156`	`155`	`.overlay(`
`157`	`156`	`RoundedRectangle(cornerRadius: 8)`
`158`		`- .stroke(currentAnswer == option.value ? Color.blue : Color.clear, lineWidth: 3)`
	`157`	`+ .stroke(currentAnswer == option.value ? Asset.Colors.accentPink.swiftUIColor : Color.clear, lineWidth: 3)`
`159`	`158`	`)`
`160`	`159`	`.onLongPressGesture {`
`161`	`160`	`if let imageUrl = option.imageURL, !imageUrl.isEmpty {`
`@@ -187,9 +186,10 @@ struct QuestOptions: View {`
`187`	`186`	`.padding(.horizontal, 12)`
`188`	`187`	`.padding(.vertical, 6)`
`189`	`188`	`.background(`
`190`		`- LinearGradient(gradient: Gradient(colors: [Color.blue, Color.purple]), startPoint: .leading, endPoint: .trailing)`
	`189`	`+ LinearGradient(gradient: Gradient(colors: [Asset.Colors.huskyPurple.swiftUIColor, Asset.Colors.accentPink.swiftUIColor]), startPoint: .leading, endPoint: .trailing)`
`191`	`190`	`)`
`192`	`191`	`.shadow(color: Color.gray.opacity(0.5), radius: 4, x: 2, y: 2)`
	`192`	`+ .cornerRadius(9)`
`193`	`193`	`}`
`194`	`194`	`}`
`195`	`195`	`}`