Add animation in each step ✅

Sources/AllInApp/AllIn/Assets.xcassets/giftEarnImage.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "GiftEarn.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Sources/AllInApp/AllIn/Assets.xcassets/giftImage.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "Gift.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Sources/AllInApp/AllIn/ContentView.swift

@@ -10,7 +10,7 @@ import DependencyInjection
 
 struct ContentView: View {
     
-    @State private var show = true
+    @State private var show = false
     @Inject var authService: IAuthService
     @ObservedObject var loggedState = AppStateContainer.shared.loggedState
     
@@ -30,11 +30,17 @@ struct ContentView: View {
         }
         .onAppear {
             authService.refreshAuthentication()
+            DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
+                withAnimation {
+                    show = true
+                }
+            }
         }
         .overlay(
             Group {
                 if show {
                     DailyGiftPage(show: $show)
+                        .transition(.opacity)
                 }
             }
         )

Sources/AllInApp/AllIn/Views/DailyGiftPage.swift

@@ -2,17 +2,27 @@
 //  DailyGiftPage.swift
 //  AllIn
 //
-//  Created by étudiant on 02/02/2024.
+//  Created by Emre on 02/02/2024.
 //
 
 import SwiftUI
 
 struct DailyGiftPage: View {
+    
+    enum Step {
+        case first
+        case end
+    }
+    
+    @State private var step: Step = .first
+    
     @Binding var show: Bool
+    
     var body: some View {
+        GeometryReader { geometry in
             LinearGradient(
                 gradient: Gradient(colors: [
-                Color.black.opacity(0.5),
+                    Color.black.opacity(0.6),
                     Color.black.opacity(0.9)
                 ]),
                 startPoint: .top,
@@ -22,20 +32,51 @@ struct DailyGiftPage: View {
             
             VStack {
                 Text("Récompense quotidienne")
-                .font(.title)
+                    .textStyle(weight: .bold, color: .white, size: 25)
-                .foregroundColor(.white)
-                .padding()
                 
-            Button("Fermer") {
+                Group {
+                    switch step {
+                    case .first:
+                        Image("giftImage")
+                            .transition(.opacity)
+                    case .end:
+                        ZStack {
+                            Image("giftEarnImage")
+                                .transition(.opacity)
+                            HStack {
+                                Text("+ 123")
+                                    .textStyle(weight: .black, color: .white, size: 55)
+                                Image("allcoinWhiteIcon")
+                                    .resizable()
+                                    .frame(width: 40, height: 40)
+                            }
+                        }
+                    }
+                }
+                .frame(width: geometry.size.width * 0.8, height: geometry.size.height * 0.4)
+                .onTapGesture {
+                    withAnimation {
+                        switch step {
+                        case .first:
+                            step = .end
+                        case .end:
+                            step = .first
                             show.toggle()
                         }
-            .padding()
-            .background(Color.blue)
-            .foregroundColor(.white)
-            .cornerRadius(10)
                     }
                 }
+                
+                Text("Votre récompense quotidienne est débloquée tous les jours à 00:00 UTC et vous permet d’obtenir entre 10 et 150 Allcoins.")
+                    .textStyle(weight: .medium, color: .white, size: 13)
+                    .multilineTextAlignment(.center)
+                    .padding(.horizontal, geometry.size.width * 0.13)
+                    .opacity(0.67)
+            }
+            .frame(width: geometry.size.width, height: geometry.size.height)
         }
+    }
+}
+
 
 struct DailyGiftPage_Previews: PreviewProvider {
     static var previews: some View {

Sources/AllInApp/AllIn/Views/LoginView.swift

@@ -139,7 +139,6 @@ struct LoginView: View {
                 focusedField = nil
             }
         }
-        
     }
 }