Added sign out button to profileView

stillasMobileApplication/stillasMobileApplication/ContentView.swift

@@ -20,25 +20,12 @@ struct ContentView: View {
     @EnvironmentObject var viewModel: AppViewModel
     
     var body: some View {
-        NavigationView {
+        ZStack {
             if viewModel.signedIn {
-                VStack {
-                    Text("You are signed in!")
-                    
-                    Button (action: {
-                        viewModel.signOut()
-                    }, label: {
-                        Text("Sign out")
-                            .frame(width: 150, height: 50)
-                            .background(Color.gray)
-                            .foregroundColor(Color.blue)
-                            .padding()
-                    })
-                }
+                NavigationBarBottom()
             } else {
                 SignInView()
             }
-            
         }
         .onAppear {
             viewModel.signedIn = viewModel.isSignedIn

stillasMobileApplication/stillasMobileApplication/Views/ProfileView/ProfileView.swift

@@ -24,6 +24,7 @@ struct ProfileView: View {
  */
 struct ProfileDetails: View {
     @EnvironmentObject var modelData: ModelData
+    @EnvironmentObject var viewModel: AppViewModel
 
     var user: User
     
@@ -38,7 +39,6 @@ struct ProfileDetails: View {
             MapView()
                 .ignoresSafeArea(edges: .top)
                 .frame(height: 300)
-        
             /// CircleImage responsible for displaying the user profile image
             CircleImage(image: user.image)
                 .offset(y: -130)
@@ -70,15 +70,27 @@ struct ProfileDetails: View {
                     Text("\(user.dateOfBirth)")
                         .foregroundColor(.secondary)
                 }
+            }
+            .padding()
             
             Spacer()
+            
+            Button (action: {
+                viewModel.signOut()
+            }) {
+                Text("Sign out")
+                    .frame(width: 150, height: 50, alignment: .center)
             }
-            .padding()
+            .foregroundColor(.white)
+            .background(Color.blue)
+            .cornerRadius(10)
             
             Spacer()
+                .frame(height:50)  // limit spacer size by applying a frame
         }
         .navigationTitle(user.name)
         .navigationBarTitleDisplayMode(.inline)
+        .ignoresSafeArea(edges: .top)
     }
 }