From 602b86ee94f2deb5361cc215f5010cff7d1d9de4 Mon Sep 17 00:00:00 2001
From: Andrii Voznesenskyi <voznesenskijandrej5@gmail.com>
Date: Thu, 10 Oct 2024 22:40:59 +0200
Subject: [PATCH] (#431) wasm: update show account components

---
 .../Pages/Account/GalleryComponent.razor      |   2 +-
 .../Account/NotificationsComponent.razor      |   2 +-
 .../Pages/Account/PrivacyComponent.razor      |   2 +-
 .../Pages/Account/ProfileComponent.razor      |   2 +-
 .../Pages/Account/SecurityComponent.razor     |   2 +-
 .../Pages/Account/ShowAccountOLD.razor        | 293 ------------------
 .../Pages/Account/UserSettingsComponent.razor |   2 +-
 7 files changed, 6 insertions(+), 299 deletions(-)
 delete mode 100644 MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ShowAccountOLD.razor

diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/GalleryComponent.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/GalleryComponent.razor
index 5784785c8..047635253 100644
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/GalleryComponent.razor
+++ b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/GalleryComponent.razor
@@ -7,7 +7,7 @@
 @using MudBlazor
 @using System.IO
 
-<MudText Typo="Typo.h6" GutterBottom="true">Gallery</MudText>
+<MudText Typo="Typo.h4" GutterBottom="true">Gallery</MudText>
 @if (IsLoading)
 {
     <MudProgressCircular Indeterminate="true" Color="Color.Primary" />
diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/NotificationsComponent.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/NotificationsComponent.razor
index 0c38adf88..4eebcd3c9 100644
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/NotificationsComponent.razor
+++ b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/NotificationsComponent.razor
@@ -6,7 +6,7 @@
 @using MudBlazor
 @using System.Text.Json
 
-<MudText Typo="Typo.h6" GutterBottom="true">Notifications</MudText>
+<MudText Typo="Typo.h4" GutterBottom="true">Notifications</MudText>
 @if (IsLoading)
 {
     <MudProgressCircular Indeterminate="true" Color="Color.Primary" />
diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/PrivacyComponent.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/PrivacyComponent.razor
index da961d497..e8a06fcbf 100644
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/PrivacyComponent.razor
+++ b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/PrivacyComponent.razor
@@ -2,7 +2,7 @@
 @inject IIdentityService IdentityService
 @using MudBlazor
 
-<MudText Typo="Typo.h6" GutterBottom="true">Privacy</MudText>
+<MudText Typo="Typo.h4" GutterBottom="true">Privacy</MudText>
 @if (IsLoading)
 {
     <MudProgressCircular Indeterminate="true" Color="Color.Primary" />
diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ProfileComponent.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ProfileComponent.razor
index f4f7091c5..25aa1c044 100644
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ProfileComponent.razor
+++ b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ProfileComponent.razor
@@ -9,7 +9,7 @@
 @using MudBlazor
 @using System
 
-<MudText Typo="Typo.h6" GutterBottom="true">Profile</MudText>
+<MudText Typo="Typo.h4" GutterBottom="true">Profile</MudText>
 @if (IsLoading)
 {
     <MudProgressCircular Indeterminate="true" Color="Color.Primary" />
diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/SecurityComponent.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/SecurityComponent.razor
index ba0455b68..a11aa634a 100644
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/SecurityComponent.razor
+++ b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/SecurityComponent.razor
@@ -2,7 +2,7 @@
 @inject IIdentityService IdentityService
 @using MudBlazor
 
-<MudText Typo="Typo.h6" GutterBottom="true">Security</MudText>
+<MudText Typo="Typo.h4" GutterBottom="true">Security</MudText>
 @if (IsLoading)
 {
     <MudProgressCircular Indeterminate="true" Color="Color.Primary" />
diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ShowAccountOLD.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ShowAccountOLD.razor
deleted file mode 100644
index 42036db0b..000000000
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/ShowAccountOLD.razor
+++ /dev/null
@@ -1,293 +0,0 @@
-@* @page "/account"
-@using System.Globalization
-@using Astravent.Web.Wasm.Areas.Students
-@using Astravent.Web.Wasm.Components
-@using Astravent.Web.Wasm.DTO
-@using Astravent.Web.Wasm.Areas.MediaFiles
-@using Astravent.Web.Wasm.DTO.Types
-@using Astravent.Web.Wasm.Shared
-@using Radzen
-@using System.IO
-@inject IIdentityService IdentityService
-@inject IStudentsService StudentsService
-@inject IMediaFilesService MediaFilesService
-@inject NavigationManager NavigationManager
-@using MudBlazor
-
-<AuthWrapper>
-<div class="breadcrumbs-container">
-    <MudBreadcrumbs Class="custom-breadcrumbs" Items="_items"></MudBreadcrumbs>
-</div>
-
-@code {
-    private List<BreadcrumbItem> _items = new List<BreadcrumbItem>
-    {
-        new BreadcrumbItem("Home", href: "/", icon: Icons.Material.Filled.Home),
-        new BreadcrumbItem("Account settings", href: "/events/follow", disabled: true, icon: @Icons.Material.Filled.ManageAccounts),
-    };
-    private StudentDto studentDto = new();
-    private bool editionDisabled = true;
-    private string profileImage = string.Empty;
-    private TaskCompletionSource<bool> clientChangeCompletionSource;
-    private bool isUploading = false;
-    private bool isLoading = true;
-    
-    private const string dateFormat = "dd/MM/yyyy HH:mm";
-    private const string shortDateFormat = "dd/MM/yyyy";
-
-    protected override async Task OnInitializedAsync()
-    {
-        isLoading = true;
-        StateHasChanged();
-        
-        try
-        {
-            await IdentityService.InitializeAuthenticationState();
-
-            if (IdentityService.IsAuthenticated)
-            {
-                var studentId = IdentityService.GetCurrentUserId();
-                studentDto = await StudentsService.GetStudentAsync(studentId);
-                profileImage = studentDto.ProfileImageUrl; // Directly using the URL from the DTO
-            }
-            else
-            {
-                NavigationManager.NavigateTo("/login");
-            }
-        }
-        catch (Exception ex)
-        {
-            Console.WriteLine(ex.Message);
-        }
-        finally
-        {
-            isLoading = false;
-            StateHasChanged();
-        }
-    }
-
-    void EnableEdition()
-    {
-        editionDisabled = false;
-        StateHasChanged();
-    }
-
-    private async Task HandleUpdateStudent()
-    {
-        if (clientChangeCompletionSource != null)
-        {
-            await clientChangeCompletionSource.Task;
-        }
-        editionDisabled = true;
-        await StudentsService.UpdateStudentAsync(studentDto.Id, studentDto.ProfileImageUrl,
-            studentDto.Description, studentDto.EmailNotifications, studentDto.ContactEmail);
-        await OnInitializedAsync();
-    }
-    
-    private string GetImage()
-    {
-        if (!string.IsNullOrEmpty(profileImage))
-        {
-            return profileImage;
-        }
-
-        return "images/default_profile_image.webp";
-    }
-    
-    async void OnClientChange(UploadChangeEventArgs args)
-    {
-        clientChangeCompletionSource = new TaskCompletionSource<bool>();
-
-        foreach (var file in args.Files)
-        {
-            isUploading = true;
-            StateHasChanged();
-
-            try
-            {
-                long maxFileSize = 10 * 1024 * 1024;
-                var stream = file.OpenReadStream(maxFileSize);
-                byte[] bytes = await ReadFully(stream);
-                var base64Content = Convert.ToBase64String(bytes);
-                var response = await MediaFilesService.UploadMediaFileAsync(IdentityService.UserDto.Id,
-                    MediaFileContextType.StudentProfileImage.ToString(), IdentityService.UserDto.Id,
-                    file.Name, file.ContentType, base64Content);
-                if (response.Content != null && !string.IsNullOrEmpty(response.Content.FileUrl))
-                {
-                    studentDto.ProfileImageUrl = response.Content.FileUrl;
-                    profileImage = response.Content.FileUrl; // Update the local profile image URL
-                }
-
-                stream.Close();
-                clientChangeCompletionSource.SetResult(true);
-            }
-            catch (Exception ex)
-            {
-                clientChangeCompletionSource.SetResult(false);
-            }
-            finally
-            {
-                isUploading = false;
-                StateHasChanged();
-            }
-        }
-    }
-    
-    private static async Task<byte[]> ReadFully(Stream input)
-    {
-        byte[] buffer = new byte[16 * 1024];
-        using (MemoryStream ms = new MemoryStream())
-        {
-            int read;
-            while ((read = await input.ReadAsync(buffer, 0, buffer.Length)) > 0)
-            {
-                ms.Write(buffer, 0, read);
-            }
-            return ms.ToArray();
-        }
-    }
-}
-
-<h2 class="rz-p-8 account-font">Your account</h2>
-
-@if (isLoading)
-{
-    <div style="display: flex; justify-content: center; align-items: center;">
-        <RadzenProgressBarCircular ShowValue="true" ProgressBarStyle="ProgressBarStyle.Light" 
-                                   Mode="ProgressBarMode.Indeterminate" Size="ProgressBarCircularSize.Large">
-            <Template>Loading...</Template>
-        </RadzenProgressBarCircular>
-    </div>
-}
-else if (studentDto.Id != Guid.Empty)
-{
-    <RadzenStack Gap="2rem">
-        @if (studentDto.State == "valid")
-        {
-            <RadzenStack AlignItems="Radzen.AlignItems.Center" Class="rz-mx-auto rz-my-10">
-                <RadzenImage Path="@(GetImage())" AlternateText="Profile image"
-                             Style="width: 20em" class="rz-border-radius-10"/>
-            </RadzenStack>
-        }
-        
-        <RadzenLabels Id="fullname" LabelText="Fullname:" Value="@studentDto.FullName"/>
-        <RadzenLabels Id="email" LabelText="Email:" Value="@studentDto.Email"/>
-        <RadzenLabels Id="number-of-friends" LabelText="Number of Friends:" Value="@studentDto.NumberOfFriends.ToString()"/>
-        <RadzenLabels Id="education" LabelText="Education:" Value="@studentDto.Education"/>
-        <RadzenLabels Id="work-position" LabelText="Work Position:" Value="@studentDto.WorkPosition"/>
-        <RadzenLabels Id="company" LabelText="Company:" Value="@studentDto.Company"/>
-        <RadzenLabels Id="languages" LabelText="Languages:" Value="@string.Join(", ", studentDto.Languages)"/>
-        <RadzenLabels Id="interests" LabelText="Interests:" Value="@string.Join(", ", studentDto.Interests)"/>
-        <RadzenLabels Id="is-banned" LabelText="Is Banned:" Value="@(studentDto.IsBanned ? "Yes" : "No")"/>
-        <RadzenLabels Id="is-organizer" LabelText="Is Organizer:" Value="@(studentDto.IsOrganizer ? "Yes" : "No")"/>
-        <RadzenLabels Id="is-two-factor-enabled" LabelText="Is Two-Factor Enabled:" Value="@(studentDto.IsTwoFactorEnabled ? "Yes" : "No")"/>
-        <RadzenLabels Id="banner-url" LabelText="Banner URL:" Value="@studentDto.BannerUrl"/>
-        
-        @if (studentDto.GalleryOfImageUrls != null && studentDto.GalleryOfImageUrls.Any())
-        {
-            <RadzenStack Gap="1rem">
-                <RadzenLabel Text="Gallery of Images:" />
-                @foreach (var imageUrl in studentDto.GalleryOfImageUrls)
-                {
-                    <RadzenImage Path="@imageUrl" Style="width: 5em; height: 5em;" />
-                }
-            </RadzenStack>
-        }
-        
-        @if (studentDto.State == "valid")
-        {
-            @if (editionDisabled)
-            {
-                <RadzenLabels Id="description" LabelText="Description:" @bind-Value="@studentDto.Description"/>
-            }
-            else
-            {
-                <RadzenLabelWithTextBox Id="description" LabelText="Description:" @bind-Value="@studentDto.Description" Disabled=@editionDisabled/>   
-            }
-
-            <RadzenLabels Id="state" LabelText="State:" Value="@studentDto.State"/>
-            <RadzenLabels Id="date-of-birth" LabelText="Date of birth:" Value="@studentDto.DateOfBirth.ToLocalTime().ToString(shortDateFormat)"/>
-            <RadzenLabels Id="created-at" LabelText="Created:" Value="@studentDto.CreatedAt.ToLocalTime().ToString(dateFormat)"/>
-            <RadzenLabelWithCheckbox Id="email-notifications" LabelText="Email notifications:" @bind-Value="@studentDto.EmailNotifications" Disabled=@editionDisabled/>
-            <RadzenLabels Id="contact-email" LabelText="Contact Email:" Value="@studentDto.ContactEmail"/>
-        }
-        
-        @if (studentDto.State == "incomplete")
-        {
-            <p class="rz-p-4" style="color: darkblue">
-                <b>Completing registration is necessary, go ahead by clicking the button below.</b>
-            </p>
-
-            <RadzenRow AlignItems="Radzen.AlignItems.Center">
-                <RadzenColumn Size="12" SizeMD="12">
-                    <RadzenButton Size="ButtonSize.Large" Text="Complete registration" Click="@(() => NavigationManager.NavigateTo("/signup/complete"))"/>
-                </RadzenColumn>
-            </RadzenRow>
-        }
-        else
-        {
-            if (editionDisabled)
-            {
-                <RadzenRow AlignItems="Radzen.AlignItems.Center">
-                    <RadzenColumn Size="12" SizeMD="12">
-                        <RadzenButton Size="ButtonSize.Large" Text="Update account" class="separate-button" Click=@EnableEdition/>
-                    </RadzenColumn> 
-                </RadzenRow>
-            }
-            else
-            {
-                <RadzenRow AlignItems="Radzen.AlignItems.Center">
-                    <RadzenColumn Size="12" SizeMD="5">
-                        <RadzenLabel Text="Update profile image:" Component="profile-image" />
-                        <RadzenUpload Multiple="false" Change="@OnClientChange" class="w-100" Name="profile-image"
-                                      InputAttributes="@(new Dictionary<string, object>() { { "aria-label", "select file" } })"/>
-                    </RadzenColumn>
-                    <RadzenColumn>
-                        @if (isUploading)
-                        {
-                            <RadzenProgressBarCircular ShowValue="true" ProgressBarStyle="ProgressBarStyle.Light" 
-                                                       Mode="ProgressBarMode.Indeterminate" Size="ProgressBarCircularSize.Large">
-                                <Template>Uploading</Template>
-                            </RadzenProgressBarCircular>
-                        }
-                    </RadzenColumn>
-                    <RadzenColumn Size="12" SizeMD="5">
-                        <RadzenButton Size="ButtonSize.Large" Text="Save account" class="separate-button" Click=@HandleUpdateStudent/>
-                    </RadzenColumn>
-                </RadzenRow>
-            }
-        }
-    </RadzenStack>
-}
-else
-{
-    <div style="display: flex; justify-content: center; align-items: center;">
-        <RadzenProgressBarCircular ShowValue="true" ProgressBarStyle="ProgressBarStyle.Light" 
-                                   Mode="ProgressBarMode.Indeterminate" Size="ProgressBarCircularSize.Large">
-            <Template>Loading...</Template>
-        </RadzenProgressBarCircular>
-    </div>
-}
-</AuthWrapper>
-
-<style>
-    .account-font {
-        font-family: Arial, sans-serif;
-        font-size: 40px;
-        font-weight: bold; 
-    }
-    
-    .separate-button {
-        margin: 10px; 
-        border: 1px solid #ccc; 
-        border-radius: 5px; 
-        padding: 12px;
-        color: #333; 
-        transition: background-color 0.3s ease; 
-    }
-    
-    .separate-button:hover {
-        background-color: #30445f; 
-        color: #000; 
-    }
-</style> *@
diff --git a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/UserSettingsComponent.razor b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/UserSettingsComponent.razor
index 250f601ba..2ba2b0206 100644
--- a/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/UserSettingsComponent.razor
+++ b/MiniSpace.Web/src/Astravent.Web.Wasm/Pages/Account/UserSettingsComponent.razor
@@ -2,7 +2,7 @@
 @inject IIdentityService IdentityService
 @using MudBlazor
 
-<MudText Typo="Typo.h6" GutterBottom="true">User Settings</MudText>
+<MudText Typo="Typo.h4" GutterBottom="true">User Settings</MudText>
 @if (IsLoading)
 {
     <MudProgressCircular Indeterminate="true" Color="Color.Primary" />