Fixs

pedi-foods/Sources/PediFoods/Views/Auth/LoginView.swift

@@ -6,7 +6,13 @@ struct LoginView: View {
     let tokenStore: TokenStore
     @Binding var appState: AppState
     @Environment(\.colorScheme) var colorScheme
+    var shouldPrepareEntryAnimation: Bool = false
+    var authEntryAnimationToken: Int = 0
     let navigate: (Route) -> Void
+    @State var heroVisible = true
+    @State var textVisible = true
+    @State var buttonVisible = true
+    @State var lastAnimatedToken = 0
 
     @ViewBuilder private var logoImage: some View {
 #if os(Android)
@@ -31,6 +37,7 @@ struct LoginView: View {
     var body: some View {
         GeometryReader { geo in
             let heroHeight = max(360, geo.size.height * 0.44)
+            let logoTopInset = max(0, (geo.size.height - 180) / 2)
 
             ZStack(alignment: .top) {
                 (colorScheme == .dark ? Color.black : AppColors.backgroundLight)
@@ -39,7 +46,7 @@ struct LoginView: View {
                 pinHeroImage
                     .scaledToFill()
                     .frame(height: heroHeight + 80)
-                    .offset(y: -60)
+                    .offset(y: heroVisible ? -60 : -(heroHeight + 220))
                     .mask(
                         LinearGradient(
                             colors: [.black, .black, .black.opacity(0.0)],
@@ -49,7 +56,7 @@ struct LoginView: View {
                     )
 
                 VStack(spacing: 18) {
-                    Spacer().frame(height: heroHeight - 100)
+                    Spacer().frame(height: logoTopInset)
 
                     logoImage
                         .scaledToFit()
@@ -61,6 +68,8 @@ struct LoginView: View {
                         .multilineTextAlignment(.leading)
                         .frame(maxWidth: .infinity, alignment: .leading)
                         .padding(.horizontal, 28)
+                        .opacity(textVisible ? 1.0 : 0.0)
+                        .offset(y: textVisible ? 0 : 24)
 
                     Spacer().frame(height: 40)
 
@@ -71,6 +80,8 @@ struct LoginView: View {
                     }
                     .padding(.horizontal, 28)
                     .tint(AppColors.tertiary)
+                    .offset(y: buttonVisible ? 0 : 140)
+                    .opacity(buttonVisible ? 1.0 : 0.0)
 
                     HStack(spacing: 6) {
                         Text("Não tem conta ainda?")
@@ -81,11 +92,67 @@ struct LoginView: View {
                         .foregroundStyle(AppColors.primary)
                     }
                     .font(AppTypography.body)
+                    .opacity(textVisible ? 1.0 : 0.0)
+                    .offset(y: textVisible ? 0 : 24)
 
                     Spacer().frame(height: 12)
                 }
             }
             .ignoresSafeArea()
+            .onAppear {
+                if shouldPrepareEntryAnimation {
+                    applyHiddenStateWithoutAnimation()
+                } else {
+                    showFinalStateWithoutAnimation()
+                }
+            }
+            .task(id: authEntryAnimationToken) {
+                await runEntryAnimationIfNeeded(for: authEntryAnimationToken)
+            }
+        }
+    }
+
+    @MainActor
+    private func applyHiddenStateWithoutAnimation() {
+        var transaction = Transaction()
+        transaction.disablesAnimations = true
+        withTransaction(transaction) {
+            heroVisible = false
+            textVisible = false
+            buttonVisible = false
+        }
+    }
+
+    @MainActor
+    private func showFinalStateWithoutAnimation() {
+        var transaction = Transaction()
+        transaction.disablesAnimations = true
+        withTransaction(transaction) {
+            heroVisible = true
+            textVisible = true
+            buttonVisible = true
+        }
+    }
+
+    @MainActor
+    private func runEntryAnimationIfNeeded(for token: Int) async {
+        guard token > 0 else { return }
+        guard token != lastAnimatedToken else { return }
+        lastAnimatedToken = token
+
+        applyHiddenStateWithoutAnimation()
+        try? await Task.sleep(nanoseconds: 40_000_000)
+
+        withAnimation(.spring(response: 0.64, dampingFraction: 0.9)) {
+            heroVisible = true
+        }
+        try? await Task.sleep(nanoseconds: 160_000_000)
+        withAnimation(.easeOut(duration: 0.42)) {
+            textVisible = true
+        }
+        try? await Task.sleep(nanoseconds: 150_000_000)
+        withAnimation(.spring(response: 0.52, dampingFraction: 0.86)) {
+            buttonVisible = true
         }
     }
 }