Add Visibility Password 🙈

Sources/allin/allin/Screens/LoginScreen.swift

@@ -9,6 +9,7 @@ import SwiftUI
 
 struct Login: View {
     
+    @State private var isPasswordVisible = true
     @State private var username: String = ""
     @State private var password: String = ""
     var body: some View {
@@ -34,7 +35,13 @@ struct Login: View {
                     )
                     .padding(.bottom, 8)
                 
+                Group {
+                    if isPasswordVisible {
+                        SecureField("", text: $password, prompt: Text("Mot de passe").foregroundColor(.gray))
+                    } else {
                         TextField("", text: $password, prompt: Text("Mot de passe").foregroundColor(.gray))
+                    }
+                }
                     .padding()
                     .background(Color.white.cornerRadius(9))
                     .frame(width: 300)
@@ -42,6 +49,18 @@ struct Login: View {
                         RoundedRectangle(cornerRadius: 9, style: .continuous)
                             .stroke(AllinColor.StrokeGrayColor, lineWidth: 1)
                     )
+                    .overlay(
+                        HStack {
+                            Spacer()
+                            Button(action: {
+                                isPasswordVisible.toggle()
+                            }) {
+                                Image(systemName: isPasswordVisible ? "eye.slash" : "eye")
+                                    .foregroundColor(.gray)
+                            }
+                            .padding(.trailing, 8)
+                        }
+                    )
                     .foregroundColor(.black)
                 
                 Text("Mot de passe oublié?")

Sources/allin/allin/Screens/RegisterScreen.swift

@@ -9,16 +9,32 @@ import SwiftUI
 
 struct Register: View {
     
+    @State private var isPasswordVisible = true
     @State private var pseudo: String = ""
     @State private var username: String = ""
     @State private var password: String = ""
     @State private var passwordConfirm: String = ""
     var body: some View {
         GeometryReader { geometry in
+            ScrollView {
                 VStack(spacing: 15) {
                     Spacer()
+                    VStack {
+                        if (pseudo != "") {
+                            Text("Bonjour "+pseudo+",")
+                                .betTextStyle(weight: .semibold, color: AllinColor.StartTextColor, size: 40)
+                                .lineLimit(1)
+                                .padding([.trailing, .leading], 30)
+                        } else {
+                            Text("Bonjour,")
+                                .betTextStyle(weight: .semibold, color: AllinColor.StartTextColor, size: 40)
+                                .lineLimit(1)
+                                .padding([.trailing, .leading], 30)
+                        }
                         Text("On a besoin de ça!")
                             .betTextStyle(weight: .semibold, color: AllinColor.StartTextColor, size: 40)
+                    }
+                    
                     Text("Promis c’est rapide.")
                         .frame(width: 220)
                         .multilineTextAlignment(.center)
@@ -47,7 +63,13 @@ struct Register: View {
                         )
                         .padding(.bottom, 8)
                     
+                    Group {
+                        if isPasswordVisible {
+                            SecureField("", text: $password, prompt: Text("Mot de passe").foregroundColor(.gray))
+                        } else {
                             TextField("", text: $password, prompt: Text("Mot de passe").foregroundColor(.gray))
+                        }
+                    }
                     .padding()
                     .background(Color.white.cornerRadius(9))
                     .frame(width: 300)
@@ -57,8 +79,27 @@ struct Register: View {
                     )
                     .foregroundColor(.black)
                     .padding(.bottom, 8)
+                    .overlay(
+                        HStack {
+                            Spacer()
+                            Button(action: {
+                                isPasswordVisible.toggle()
+                            }) {
+                                Image(systemName: isPasswordVisible ? "eye.slash" : "eye")
+                                    .foregroundColor(.gray)
+                            }
+                            .padding(.bottom, 8)
+                            .padding(.trailing, 8)
+                        }
+                    )
                     
+                    Group {
+                        if isPasswordVisible {
+                            SecureField("", text: $passwordConfirm, prompt: Text("Confirmation du Mot de passe").foregroundColor(.gray))
+                        } else {
                             TextField("", text: $passwordConfirm, prompt: Text("Confirmation du Mot de passe").foregroundColor(.gray))
+                        }
+                    }
                     .padding()
                     .background(Color.white.cornerRadius(9))
                     .frame(width: 300)
@@ -66,6 +107,19 @@ struct Register: View {
                         RoundedRectangle(cornerRadius: 9, style: .continuous)
                             .stroke(AllinColor.StrokeGrayColor, lineWidth: 1)
                     )
+                    .overlay(
+                        HStack {
+                            Spacer()
+                            Button(action: {
+                                isPasswordVisible.toggle()
+                            }) {
+                                Image(systemName: isPasswordVisible ? "eye.slash" : "eye")
+                                    .foregroundColor(.gray)
+                            }
+                            .padding(.bottom, 8)
+                            .padding(.trailing, 8)
+                        }
+                    )
                     .foregroundColor(.black)
                     .padding(.bottom, 50)
                     
@@ -80,6 +134,7 @@ struct Register: View {
                     .cornerRadius(13)
                     
                     Spacer()
+                    
                     HStack(spacing: 0) {
                         Text("Tu as déjà un compte? ")
                             .betTextStyle(weight: .regular, color: AllinColor.StartTextColor, size: 16)
@@ -88,6 +143,8 @@ struct Register: View {
                     }
                     
                 }
+
+            }
             .frame(width: geometry.size.width, height: geometry.size.height)
             .background(AllinColor.StartBackground)
         }

Sources/allin/allin/Views/TopBarView.swift

@@ -14,7 +14,7 @@ struct TopBarView: View {
     var body: some View {
         ZStack{
             HStack{
-                Button(action: {withAnimation{ self.showMenu = !self.showMenu }}) {
+                Button(action: {withAnimation{ self.showMenu.toggle() }}) {
                     Image("menu")
                         .resizable()
                         .frame(width: 26,height: 15)