fix error when loading

Sources/AllInApp/AllIn/Ressources/en.lproj/Localizable.strings

@@ -187,3 +187,8 @@
 "empty_bets_title"= "No bet matches your search";
 "empty_friends_title" = "You don't have any friends yet";
 "empty_friends_explain" = "Add them from this screen";
+
+/// Error Messages
+
+"error_title" = "Error: Failed to Load Content.";
+"error_message" = "The content you are trying to load could not be retrieved. Please check your internet connection and try again";

Sources/AllInApp/AllIn/Ressources/fr.lproj/Localizable.strings

@@ -186,3 +186,8 @@
 "empty_bets_title"= "Aucun Bet ne correspond à votre recherche";
 "empty_friends_title" = "Vous n’avez pas encore d’amis";
 "empty_friends_explain" = "Ajoutez les depuis cet écran";
+
+/// Error Messages
+
+"error_title" = "Erreur : Échec du chargement du contenu.";
+"error_message" = "Le contenu que vous essayez de charger n'a pas pu être récupéré. Veuillez vérifier votre connexion internet et réessayer.";

Sources/AllInApp/AllIn/Views/DetailsView.swift

@@ -57,8 +57,8 @@ struct DetailsView: View {
                 }
                 .padding(.horizontal, 15)
                 .background(StatusValues.1)
-                
-                VStack(spacing: 0) {
+                if viewModel.betDetail != nil{
+                    ScrollView {
                         VStack(alignment: .leading, spacing: 5) {
                             HStack(spacing: 3) {
                                 Spacer()
@@ -105,14 +105,15 @@ struct DetailsView: View {
                             }
                         }
                         .padding(.all, 15)
-                    .padding(.vertical, 10)
+                        .padding(.top, 6)
+                        .border(width: 1, edges: [.bottom], color: AllInColors.delimiterGrey)
                         .background(AllInColors.componentBackgroundColor)
-                    .cornerRadius(20, corners: [.topLeft,.topRight]).padding(.bottom,0)
+                        .cornerRadius(20, corners: [.topLeft,.topRight])
                         
                         if isFinished {
                             ResultBanner(finalAnswer: (viewModel.betDetail?.wonParticipation)!, odds: (viewModel.betDetail?.odds)!)
                         }
-                    VStack(alignment: .leading, spacing: 5) {
+                        VStack(alignment: .leading, spacing: 0) {
                             if let bet = viewModel.betDetail{
                                 BetLineLoading(bet: bet).padding(.vertical, 20)
                                 
@@ -122,24 +123,39 @@ struct DetailsView: View {
                                 .foregroundStyle(AllInColors.grey100Color)
                                 .fontWeight(.bold)
                                 .padding(.bottom, 10)
-                        ScrollView(showsIndicators: false) {
+                            
                             ForEach(viewModel.betDetail?.participations ?? []) { participation in
                                 UserInfo(username: participation.username, picture: nil , value: participation.stake).padding(.horizontal, 10)
                             }
-                        }
-                        .padding(.bottom, geometry.safeAreaInsets.bottom + 28)
+                            .padding(.bottom)
                             
                             Spacer()
                         }
-                    .padding([.bottom,.trailing,.leading], 15)
+                        .padding([.trailing,.leading], 15)
+                        
+                    }
+                    .frame(maxWidth: .infinity, maxHeight: (geometry.size.height + geometry.safeAreaInsets.bottom) - 50)
                     .background(AllInColors.underComponentBackgroundColor)
-                    .border(width: 1, edges: [.top], color: AllInColors.delimiterGrey)
+                    .cornerRadius(15, corners: [.topLeft, .topRight])
+                }
+                else{
+                    ScrollView {
+                        HStack(alignment: .center){
+                            Spacer()
+                            Image(systemName: "exclamationmark.triangle.fill").font(.system(size: 45))
+                            VStack(alignment:.leading){
+                                Text("error_title").font(.system(size: 10))
+                                Text("error_message").font(.system(size: 10))
+                            }
                             Spacer()
+                        }.opacity(0.6)
+                            .padding(.vertical, 20)
                         
                     }
                     .frame(maxWidth: .infinity, maxHeight: (geometry.size.height + geometry.safeAreaInsets.bottom) - 50)
-                .background(AllInColors.componentBackgroundColor)
+                    .background(AllInColors.underComponentBackgroundColor)
                     .cornerRadius(15, corners: [.topLeft, .topRight])
+                }
                 
                 ParticipateButton(isOpen: $isModalPresented, isParticapatedOpen: $isModalParticipated, bet: viewModel.betDetail?.bet)
                     .padding(.bottom, geometry.safeAreaInsets.bottom + 5)