From cc5e9f7dbaf66be74d2dfc6b1caa4d8669c79379 Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Fri, 28 Apr 2023 16:56:19 +0200
Subject: [PATCH] Improved user details profile page

---
 Moonlight/Shared/Views/Profile/Index.razor | 50 +++++++++-------------
 1 file changed, 21 insertions(+), 29 deletions(-)

diff --git a/Moonlight/Shared/Views/Profile/Index.razor b/Moonlight/Shared/Views/Profile/Index.razor
index ea552ff4..b9e80da8 100644
--- a/Moonlight/Shared/Views/Profile/Index.razor
+++ b/Moonlight/Shared/Views/Profile/Index.razor
@@ -1,19 +1,17 @@
 @page "/profile"
 
 @using Moonlight.Shared.Components.Navigations
-@using Moonlight.App.Services.Sessions
 @using Moonlight.App.Database.Entities
 @using Moonlight.App.Models.Forms
 @using Moonlight.App.Repositories
-@using Moonlight.Shared.Components.Auth
+@using Mappy.Net
 
-@inject IdentityService IdentityService
 @inject UserRepository UserRepository
 
 <ProfileNavigation Index="0" />
 
 <LazyLoader Load="Load">
-    <SmartForm OnValidSubmit="Save" Model="User">
+    <SmartForm OnValidSubmit="Save" Model="Model">
         <div class="card mb-5 mb-xl-10">
             <div class="card-body p-9">
                 <div class="row">
@@ -22,7 +20,7 @@
                             <label class="form-label">
                                 <TL>First name</TL>
                             </label>
-                            <InputText @bind-Value="User.FirstName" class="form-control"></InputText>
+                            <InputText @bind-Value="Model.FirstName" class="form-control"></InputText>
                         </div>
                     </div>
                     <div class="col-lg-6 fv-row fv-plugins-icon-container">
@@ -30,7 +28,7 @@
                             <label class="form-label">
                                 <TL>Last name</TL>
                             </label>
-                            <InputText @bind-Value="User.LastName" class="form-control"></InputText>
+                            <InputText @bind-Value="Model.LastName" class="form-control"></InputText>
                         </div>
                     </div>
                 </div>
@@ -38,31 +36,31 @@
                     <label class="form-label">
                         <TL>Email address</TL>
                     </label>
-                    <InputText @bind-Value="User.Email" class="form-control"></InputText>
+                    <InputText @bind-Value="Model.Email" class="form-control"></InputText>
                 </div>
                 <div class="mb-3">
                     <label class="form-label">
                         <TL>Address</TL>
                     </label>
-                    <InputText @bind-Value="User.Address" class="form-control"></InputText>
+                    <InputText @bind-Value="Model.Address" class="form-control"></InputText>
                 </div>
                 <div class="mb-3">
                     <label class="form-label">
                         <TL>City</TL>
                     </label>
-                    <InputText @bind-Value="User.City" class="form-control"></InputText>
+                    <InputText @bind-Value="Model.City" class="form-control"></InputText>
                 </div>
                 <div class="mb-3">
                     <label class="form-label">
                         <TL>State</TL>
                     </label>
-                    <InputText @bind-Value="User.State" class="form-control"></InputText>
+                    <InputText @bind-Value="Model.State" class="form-control"></InputText>
                 </div>
                 <div class="mb-3">
                     <label class="form-label">
                         <TL>Country</TL>
                     </label>
-                    <InputText @bind-Value="User.Country" class="form-control"></InputText>
+                    <InputText @bind-Value="Model.Country" class="form-control"></InputText>
                 </div>
             </div>
             <div class="card-footer d-flex justify-content-end py-6 px-9">
@@ -76,31 +74,25 @@
 
 @code
 {
-    private UserDataModel User = new UserDataModel();
-    private User CurrentUser;
+    private UserDataModel Model = new UserDataModel();
+    
+    [CascadingParameter]
+    public User CurrentUser { get; set; }
 
 
-    private async Task Load(LazyLoader loader)
+    private Task Load(LazyLoader loader)
     {
-        CurrentUser = await IdentityService.Get();
-        User.FirstName = CurrentUser.FirstName;
-        User.LastName = CurrentUser.LastName;
-        User.Email = CurrentUser.Email;
-        User.Address = CurrentUser.Address;
-        User.City = CurrentUser.City;
-        User.State = CurrentUser.State;
-        User.Country = CurrentUser.Country;
+        Model = Mapper.Map<UserDataModel>(CurrentUser);
+        
+        return Task.CompletedTask;
     }
 
     private Task Save()
     {
-        CurrentUser.FirstName = User.FirstName;
-        CurrentUser.LastName = User.LastName;
-        CurrentUser.Email = User.Email;
-        CurrentUser.Address = User.Address;
-        CurrentUser.City = User.City;
-        CurrentUser.State = User.State;
-        CurrentUser.Country = User.Country;
+        CurrentUser = Mapper.Map(CurrentUser, Model);
+
+        CurrentUser.Email = CurrentUser.Email.ToLower();
+        
         UserRepository.Update(CurrentUser);
         
         return Task.CompletedTask;