Add style for game creation

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameCreationForm.razor

@@ -72,6 +72,9 @@
         <div id="label-description">@ResourcesKey.Description :</div>
         <InputTextArea class="description" @bind-Value=GameDto.Description />
     </div>
+    <div class="bottom-container">
+        <ValidationSummary class="invalid-content" />
+
     <div class="buttons">
         <button type="reset" class="cancel" @onclick=HandleOnCancel>
             @ResourcesKey.Reset
@@ -80,4 +83,5 @@
             @ResourcesKey.Save
         </button>
     </div>
+    </div>
 </EditForm>

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameCreationForm.razor.css

@@ -1,6 +1,7 @@
 .game-form {
     display: flex;
     flex-direction: row;
+    justify-content: space-between;
     gap: 20px;
 }
 
@@ -40,6 +41,10 @@
     cursor: pointer;
 }
 
+::deep input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+
 ::deep textarea {
     resize: vertical;
     min-height: 140px;
@@ -68,6 +73,43 @@
     align-content: center;
 }
 
-input[type="number"]::-webkit-inner-spin-button {
+.bottom-container {
-    -webkit-appearance: none;
+    margin-top: 8px;
+    height: 28px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+::deep .invalid-content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-shrink: 1;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    height: auto;
+    text-wrap: nowrap;
+}
+
+::deep .invalid-content li {
+    margin-right: 8px;
+}
+
+.buttons {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+}
+
+.buttons button {
+    border: none;
+    outline: none;
+    background: var(--violet);
+    border-radius: var(--small-radius);
+    color: var(--white);
+    font-weight: bold;
+    padding: 0 10px;
 }

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameValidation.cs

@@ -1,5 +1,5 @@
 using FluentValidation;
-using GameIdeas.Shared.Constants;
+using GameIdeas.Resources;
 using GameIdeas.Shared.Dto;
 
 namespace GameIdeas.BlazorApp.Pages.Games.Components;
@@ -9,17 +9,10 @@ public class GameValidation : AbstractValidator<GameDto>
     public GameValidation()
     {
         RuleFor(g => g.Title)
-            .NotEmpty()
+            .NotEmpty().WithMessage(ResourcesKey.InvalidTitle);
-            .NotNull()
-            .Matches(GlobalConstants.RegexName);
-
-        RuleFor(g => g.ReleaseDate)
-            .NotEmpty()
-            .NotNull();
 
         RuleFor(g => g.Interest)
-            .NotNull()
+            .GreaterThanOrEqualTo(1).WithMessage(ResourcesKey.InvalidInterest)
-            .GreaterThanOrEqualTo(1)
+            .LessThanOrEqualTo(5).WithMessage(ResourcesKey.InvalidInterest);
-            .LessThanOrEqualTo(5);
     }
 }

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Popup/Popup.razor.cs

@@ -31,16 +31,18 @@ public partial class Popup
     {
         IsOpen = true;
         await BackdropFilter?.Show()!;
-        StateChanged?.Invoke(null, IsOpen);
         StateHasChanged();
+
+        StateChanged?.Invoke(null, IsOpen);
     }
 
     public async Task Close()
     {
         IsOpen = false;
         await BackdropFilter?.Hide()!;
-        StateChanged?.Invoke(null, IsOpen);
         StateHasChanged();
+
+        StateChanged?.Invoke(null, IsOpen);
     }
 
     private async Task HandleBackdropFilterClicked()

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/Select.razor.cs

@@ -93,8 +93,7 @@ public partial class Select<TItem, THeader>
     }
     private async Task HandleSubmitAdd()
     {
-        if (Regex.IsMatch(AddLabel, GlobalConstants.RegexName) &&
+        if (Params.AddItem != null)
-            Params.AddItem != null)
         {
             Values ??= [];
             Values.Add(Params.AddItem(AddLabel));

src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs

@@ -36,6 +36,8 @@ public class Translations (TranslationService translationService)
     public string ErrorFetchCategories => translationService.Translate(nameof(ErrorFetchCategories));
     public string PlaceholderAdd => translationService.Translate(nameof(PlaceholderAdd));
     public string ErrorCreateGame => translationService.Translate(nameof(ErrorCreateGame));
+    public string InvalidTitle => translationService.Translate(nameof(InvalidTitle));
+    public string InvalidInterest => translationService.Translate(nameof(InvalidInterest));
 }
 
 public static class ResourcesKey
@@ -80,4 +82,6 @@ public static class ResourcesKey
     public static string ErrorFetchCategories => _instance?.ErrorFetchCategories ?? throw new InvalidOperationException("ResourcesKey.ErrorFetchCategories is not initialized.");
     public static string PlaceholderAdd => _instance?.PlaceholderAdd ?? throw new InvalidOperationException("ResourcesKey.PlaceholderAdd is not initialized.");
     public static string ErrorCreateGame => _instance?.ErrorCreateGame ?? throw new InvalidOperationException("ResourcesKey.ErrorCreateGame is not initialized.");
+    public static string InvalidTitle => _instance?.InvalidTitle ?? throw new InvalidOperationException("ResourcesKey.InvalidTitle is not initialized.");
+    public static string InvalidInterest => _instance?.InvalidInterest ?? throw new InvalidOperationException("ResourcesKey.InvalidInterest is not initialized.");
 }

src/GameIdeas/GameIdeas.Shared/Constants/GlobalConstants.cs

@@ -2,5 +2,6 @@
 
 public class GlobalConstants
 {
-    public const string RegexName = @"[\w()\-_ ]*";
+    
 }
+    

src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json

@@ -31,6 +31,7 @@
     "RequestFailedStatusFormat": "Erreur lors de la réponse, code {0}",
     "ErrorFetchCategories": "Erreur lors de la récupération des catégories",
     "PlaceholderAdd": "Ajouter un nouveau",
-  "ErrorCreateGame": "Erreur lors de la Création d'un jeu"
+    "ErrorCreateGame": "Erreur lors de la Création d'un jeu",
-
+    "InvalidTitle": "Le titre est incorrect",
+    "InvalidInterest": "L'interêt est incorrect'"
 }