fix: api key warning message

Author: Gzozo

grade-management-new/GradeManagement.Client/Components/NewDialogs/NewSubjectDialog.razor

@@ -1,19 +1,63 @@
 @inject CrudSnackbarService SnackbarService
 @inject CurrentUserService CurrentUserService
 
-<MudDialog>
+<MudDialog Style="min-width: 600px;">
     <TitleContent>
         <MudText Typo="Typo.h4">New Subject</MudText>
     </TitleContent>
     <DialogContent>
         <MudForm @ref="form" Model="@value" @bind-IsValid="@success" @bind-Errors="@errors">
-            <MudTextField T="string" Label="Name" For="@(() => value.Name)" @bind-Value="value.Name" Required="true"></MudTextField>
-            <MudTextField T="string" Label="Neptun Code" @bind-Value="value.NeptunCode" Required="true" Validation="@(new Func<string, IEnumerable<string>>(NeptunCodeValidator))"></MudTextField>
-            <MudTextField T="string" Label="Github Org" For="@(() => value.GitHubOrgName)" @bind-Value="value.GitHubOrgName" Required="true"></MudTextField>
-            <div class="d-flex align-center">
-                <MudTextField T="string" Label="API Key" For="@(() => value.CiApiKey)" @bind-Value="value.CiApiKey" Required="true" Class="flex-grow-1 me-2"></MudTextField>
-                <MudIconButton Icon="@Icons.Material.Filled.Refresh" OnClick="GenerateApiKey" Size="Size.Small"/>
-            </div>
+            <MudTextField T="string"
+                          Label="Name"
+                          For="@(() => value.Name)"
+                          @bind-Value="value.Name"
+                          Required="true"/>
+
+            <MudTextField T="string"
+                          Label="Neptun Code"
+                          @bind-Value="value.NeptunCode"
+                          Required="true"
+                          Validation="@(new Func<string, IEnumerable<string>>(NeptunCodeValidator))"/>
+
+            <MudTextField T="string"
+                          Label="Github Org"
+                          For="@(() => value.GitHubOrgName)"
+                          @bind-Value="value.GitHubOrgName"
+                          Required="true"/>
+
+            @if (showApiKeyWarning)
+            {
+                <MudAlert Severity="Severity.Warning" Class="my-2">
+                    This API key will be shown only once. Make sure to save it!
+                </MudAlert>
+            }
+
+            <MudPaper Elevation="0" Class="d-flex flex-column gap-2">
+                <div class="d-flex align-center gap-2">
+                    <MudTextField T="string"
+                                  Label="API Key"
+                                  For="@(() => value.CiApiKey)"
+                                  @bind-Value="value.CiApiKey"
+                                  Required="true"
+                                  ReadOnly="true"
+                                  Variant="Variant.Outlined"
+                                  Class="flex-grow-1"/>
+
+                    <MudTooltip Text="Generate new API key">
+                        <MudIconButton Icon="@Icons.Material.Filled.Refresh"
+                                       OnClick="GenerateApiKey"
+                                       Color="Color.Primary"
+                                       Size="Size.Medium"/>
+                    </MudTooltip>
+
+                    <MudTooltip Text="Copy to clipboard">
+                        <MudIconButton Icon="@Icons.Material.Filled.ContentCopy"
+                                       OnClick="CopyToClipboard"
+                                       Color="Color.Secondary"
+                                       Size="Size.Medium"/>
+                    </MudTooltip>
+                </div>
+            </MudPaper>
         </MudForm>
     </DialogContent>
     <DialogActions>
@@ -24,18 +68,29 @@
 
 @code {
     [CascadingParameter] MudDialogInstance MudDialog { get; set; }
+    [Inject] private IJSRuntime JS { get; set; }
 
     private MudForm form;
     private bool success;
     private string[] errors;
+    private bool showApiKeyWarning = false;
 
     private void Submit() => MudDialog.Close(DialogResult.Ok(value));
     private void Cancel() => MudDialog.Cancel();
 
     private void GenerateApiKey()
     {
+        showApiKeyWarning = true;
         value.CiApiKey = Guid.NewGuid().ToString();
-        SnackbarService.ShowMessage("Current user: " + CurrentUserService.User.Name);
+    }
+
+    private async Task CopyToClipboard()
+    {
+        if (!string.IsNullOrEmpty(value.CiApiKey))
+        {
+            await JS.InvokeVoidAsync("navigator.clipboard.writeText", value.CiApiKey);
+            SnackbarService.ShowSuccess("API key copied to clipboard!");
+        }
     }
 
     private async void OnSubmitClicked()