Added placeholder image and profile url

Author: sudulaMuralikrishna

GoInfoGame/GoInfoGame.xcodeproj/project.pbxproj

@@ -589,8 +589,7 @@
 			children = (
 				FA87A80E2B681416000A6BEA /* Utils */,
 				970D5BD02B62B61300C20BE7 /* MapViewController.swift */,
-				B0CCB98B2B8626AE00AA73DE /* ProfileView.swift */,
-				B0CCB98D2B8626C600AA73DE /* ProfileViewVM.swift */,
+				B0CBEA902B88980A00C430F3 /* Profile */,
 				971575152B5FFD5F0044797C /* Map */,
 				973FC0152B4D562200878269 /* CustomComponents */,
 				973FBFFF2B46CD4100878269 /* QuestsList */,
@@ -1083,6 +1082,15 @@
 			path = StepsIncline;
 			sourceTree = "<group>";
 		};
+		B0CBEA902B88980A00C430F3 /* Profile */ = {
+			isa = PBXGroup;
+			children = (
+				B0CCB98B2B8626AE00AA73DE /* ProfileView.swift */,
+				B0CCB98D2B8626C600AA73DE /* ProfileViewVM.swift */,
+			);
+			path = Profile;
+			sourceTree = "<group>";
+		};
 		FA5853BF2B21E3E000301CDA /* Onboarding */ = {
 			isa = PBXGroup;
 			children = (

GoInfoGame/GoInfoGame/UI/Profile/ProfileView.swift

@@ -0,0 +1,113 @@
+//
+//  ProfileView.swift
+//  GoInfoGame
+//
+//  Created by Sudula Murali Krishna on 2/21/24.
+//
+
+import Foundation
+import SwiftUI
+
+struct ProfileView: View {
+    @ObservedObject private var viewModel = ProfileViewVM()
+    @Environment(\.dismiss) var dismiss
+    @Environment(\.openURL) var openURL
+    
+    var body: some View {
+        return NavigationView {
+            VStack {
+                HStack {
+                    profileImage
+                    VStack (alignment: .leading,spacing: 0){
+                        Text(viewModel.user?.displayName ?? "")
+                            .font(.system(size: 20, weight: .semibold))
+                        HStack {
+                            Image(systemName: "star.fill")
+                                .resizable()
+                                .frame(width: 25, height: 25)
+                            Text("0")
+                                .font(.title)
+                        }
+                    }
+                    Spacer()
+                }
+                HStack {
+                    profileButton
+                    Spacer()
+                    logOutButton
+                }
+                Divider().padding()
+                Spacer()
+            }
+            .padding(20)
+            .navigationBarItems(leading: backButton)
+            .navigationBarTitleDisplayMode(.inline)
+            .navigationTitle("My Profile")
+        }
+        
+    }
+    
+    private var profileImage: some View {
+        AsyncImage(url: URL(string: "https://picsum.photos/200/300")) { phase in
+            if let image = phase.image {
+                image.resizable()
+            } else if phase.error != nil {
+                Image(systemName: "person.circle.fill")
+                    .resizable()
+            } else {
+                ProgressView().progressViewStyle(.circular)
+            }
+        }
+        .frame(width: 120, height: 120, alignment: .center)
+        .cornerRadius(60)
+    }
+    
+    private var profileButton: some View {
+        Button {
+            if let url = viewModel.profileUrl {
+                openURL(url)
+            }
+        } label: {
+            HStack {
+                Image(systemName: "tray.and.arrow.up.fill")
+                Text("OSM Profile")
+            }
+            .foregroundColor(.white)
+            .font(.system(size: 16, weight: .semibold))
+            .frame(width: 180, height: 50)
+            .background(.black)
+            .cornerRadius(5)
+        }
+    }
+    
+    private var logOutButton: some View {
+        Button {
+            //LOGOUT
+        } label: {
+            Text("LOGOUT")
+                .foregroundColor(.black)
+                .font(.system(size: 16, weight: .semibold))
+                .frame(width: /*@START_MENU_TOKEN@*/100/*@END_MENU_TOKEN@*/, height: 50)
+                .cornerRadius(15)
+                .overlay {
+                    RoundedRectangle(cornerRadius: 5)
+                        .stroke(Color.black)
+                }
+        }
+    }
+    
+    private var backButton: some View {
+        Button {
+            dismiss()
+        } label: {
+            Image(systemName: "arrow.left")
+                .font(.system(size: 24, weight: .semibold))
+                .foregroundColor(.black)
+                .cornerRadius(15)
+        }
+    }
+}
+
+#Preview {
+    ProfileView()
+}

GoInfoGame/GoInfoGame/UI/Profile/ProfileViewVM.swift

@@ -0,0 +1,35 @@
+//
+//  ProfileViewVM.swift
+//  GoInfoGame
+//
+//  Created by Sudula Murali Krishna on 2/21/24.
+//
+
+import Foundation
+import osmapi
+
+class ProfileViewVM: ObservableObject {
+   @Published var user: OSMUserData?
+    init() {
+        let posmConnection = OSMConnection(config: OSMConfig.testOSM,userCreds: OSMLogin.testOSM)
+        posmConnection.getUserDetails() { [weak self]result in
+            switch result {
+            case .success(let userDataResponse):
+                let user = userDataResponse.user
+                print(userDataResponse)
+                DispatchQueue.main.async {
+                    self?.user = user
+                }                
+            case .failure(let error):
+                print("---error", error)
+            }
+        }
+    }
+    
+    var profileUrl: URL? {
+        if let userName = self.user?.displayName {
+            return URL(string:OSMConfig.url.appending("user/").appending(userName))
+        }
+        return nil
+    }
+}

GoInfoGame/osmapi/OSMConfig.swift

@@ -7,7 +7,7 @@
 
 import Foundation
 public struct OSMConfig {
-    let baseUrl: String
+    public let baseUrl: String
     //https://waylyticsposm.westus2.cloudapp.azure.com/api/0.6/
     // For testing data upload
 
@@ -21,6 +21,10 @@ public struct OSMConfig {
     }
 
     public static var testOSM : OSMConfig {
-        OSMConfig(baseUrl: "https://master.apis.dev.openstreetmap.org/api/0.6/")
+        OSMConfig(baseUrl: "\(url)api/0.6/")
+    }
+    
+    public static var url: String {
+        "https://master.apis.dev.openstreetmap.org/"
     }
 }