From 73e3f9c08e668d2acf5b2ce68b44200eeb789689 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmial.com>
Date: Fri, 17 Dec 2021 15:18:03 -0800
Subject: [PATCH] pretty nice phone input screen

---
 .../PhoneVerificationView.swift               | 24 +++++++++++++++----
 .../Views/WelcomeView/WelcomeView.swift       |  2 +-
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/nirvana-ios/Views/PhoneVerification/PhoneVerificationView.swift b/nirvana-ios/Views/PhoneVerification/PhoneVerificationView.swift
index 312c637..2939c72 100644
--- a/nirvana-ios/Views/PhoneVerification/PhoneVerificationView.swift
+++ b/nirvana-ios/Views/PhoneVerification/PhoneVerificationView.swift
@@ -11,6 +11,7 @@ import NavigationStack
 // user can type in a phone number and then receive a text
 struct PhoneVerificationView: View {
     @State var phoneNumber = ""
+    @State var ccode = "+1"
     @EnvironmentObject private var navigationStack: NavigationStack
     
     var body: some View {
@@ -20,18 +21,32 @@ struct PhoneVerificationView: View {
             OnboardingTemplateView(hdrText: "Let's get you verified", imgName: "undraw_my_password_d-6-kg", bottomActArea: AnyView(
                 VStack {
                     HStack {
-                        TextField("enter phone number", text: $phoneNumber)
-                            .background(Color.white.opacity(0.5))
+                        Text(ccode)
+                            .padding()
+                            .background(.ultraThinMaterial)
+                            .clipShape(Circle())
+                            .shadow(color: Color.black.opacity(0.3), radius: 20, x: 0, y: 20)
                         
                         TextField("enter phone number", text: $phoneNumber)
-                            .background(Color.white.opacity(0.5))
+                            .padding()
+                            .background(.ultraThinMaterial)
+                            .clipShape(Capsule())
+                            .keyboardType(.decimalPad)
+                            .frame(maxWidth: .infinity)
+                            .shadow(color: Color.black.opacity(0.3), radius: 20, x: 0, y: 20)
+                            .font(.caption)
+                        
+                        Spacer()
                     }
                     .padding(.vertical, 20)
                     
                     Button {
                         print("send verification")
                         
-                        self.navigationStack.pop() // goes back to welcome screen
+                        // do auth stuff
+                        // then async send to next page
+                        self.navigationStack.push(PhoneVerificationCodeView()) // verify code page
+                        
                     } label: {
                         Text("Send Verification")
                             .bold()
@@ -49,6 +64,7 @@ struct PhoneVerificationView: View {
             Button {
                 print("going back to last page")
                 
+                self.navigationStack.pop() // goes back to welcome screen
             } label: {
                 Label("Back", systemImage: "chevron.left")
                     .labelStyle(.iconOnly)
diff --git a/nirvana-ios/Views/WelcomeView/WelcomeView.swift b/nirvana-ios/Views/WelcomeView/WelcomeView.swift
index e26fde4..7dcde5a 100644
--- a/nirvana-ios/Views/WelcomeView/WelcomeView.swift
+++ b/nirvana-ios/Views/WelcomeView/WelcomeView.swift
@@ -33,7 +33,7 @@ struct WelcomeView: View {
                             
                         Link("Learn More", destination: URL(string: NirvanaConstants.landingPageUrl)!)
                             .font(.caption)
-                            .foregroundColor(NirvanaColor.white)
+                            .foregroundColor(NirvanaColor.teal)
                         
                         //learn more button to usenirvana.com
                     }