From b31c0ceed53368a3135030e0e4c00bce6ed7beb6 Mon Sep 17 00:00:00 2001 From: Kevin Matsubara Date: Sat, 5 Jul 2025 22:11:59 +0200 Subject: [PATCH] Install MudBlazor and add button with snackbar for testing. --- IR.Blazor/Components/App.razor | 3 +++ IR.Blazor/Components/Layout/MainLayout.razor | 10 ++++++++++ IR.Blazor/Components/Pages/Home.razor | 15 +++++++++++++-- IR.Blazor/Components/_Imports.razor | 3 +++ IR.Blazor/IR.Blazor.csproj | 1 + IR.Blazor/Program.cs | 17 +++++++++++++++++ 6 files changed, 47 insertions(+), 2 deletions(-) diff --git a/IR.Blazor/Components/App.razor b/IR.Blazor/Components/App.razor index 97a31a4..d1dec79 100644 --- a/IR.Blazor/Components/App.razor +++ b/IR.Blazor/Components/App.razor @@ -9,12 +9,15 @@ + + + diff --git a/IR.Blazor/Components/Layout/MainLayout.razor b/IR.Blazor/Components/Layout/MainLayout.razor index 78624f3..5218061 100644 --- a/IR.Blazor/Components/Layout/MainLayout.razor +++ b/IR.Blazor/Components/Layout/MainLayout.razor @@ -1,5 +1,15 @@ @inherits LayoutComponentBase +@* Required *@ + + + +@* Needed for dialogs *@ + + +@* Needed for snackbars *@ + +
diff --git a/IR.Blazor/Components/Pages/Home.razor b/IR.Blazor/Components/Pages/Home.razor index 9001e0b..31c1488 100644 --- a/IR.Blazor/Components/Pages/Home.razor +++ b/IR.Blazor/Components/Pages/Home.razor @@ -1,7 +1,18 @@ @page "/" +@inject ISnackbar Snackbar + Home -

Hello, world!

+Test button -Welcome to your new app. + { config.ShowCloseIcon = false; }))" Variant="Variant.Filled" Color="Color.Primary"> + Open modified snackbar + + +@code { + private void AddSnackbar() + { + Snackbar.Add("Welcome to Imperial Recruitment.", Severity.Info); + } +} \ No newline at end of file diff --git a/IR.Blazor/Components/_Imports.razor b/IR.Blazor/Components/_Imports.razor index cc4b1fb..b82a6f8 100644 --- a/IR.Blazor/Components/_Imports.razor +++ b/IR.Blazor/Components/_Imports.razor @@ -7,5 +7,8 @@ @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop + +@using MudBlazor + @using IR.Blazor @using IR.Blazor.Components diff --git a/IR.Blazor/IR.Blazor.csproj b/IR.Blazor/IR.Blazor.csproj index c9b37a6..adb8990 100644 --- a/IR.Blazor/IR.Blazor.csproj +++ b/IR.Blazor/IR.Blazor.csproj @@ -16,6 +16,7 @@ + diff --git a/IR.Blazor/Program.cs b/IR.Blazor/Program.cs index 42adc11..88c003f 100644 --- a/IR.Blazor/Program.cs +++ b/IR.Blazor/Program.cs @@ -1,12 +1,29 @@ using Microsoft.AspNetCore.Components.Authorization; using Microsoft.AspNetCore.Identity; using Microsoft.EntityFrameworkCore; + +using MudBlazor; +using MudBlazor.Services; + using IR.Blazor.Components; using IR.Blazor.Components.Account; using IR.Blazor.Data; var builder = WebApplication.CreateBuilder(args); +builder.Services.AddMudServices(config => +{ + config.SnackbarConfiguration.PositionClass = Defaults.Classes.Position.TopCenter; + + config.SnackbarConfiguration.PreventDuplicates = false; + config.SnackbarConfiguration.NewestOnTop = false; + config.SnackbarConfiguration.ShowCloseIcon = true; + config.SnackbarConfiguration.VisibleStateDuration = 8000; + config.SnackbarConfiguration.HideTransitionDuration = 400; + config.SnackbarConfiguration.ShowTransitionDuration = 300; + config.SnackbarConfiguration.SnackbarVariant = Variant.Filled; +}); + // Add services to the container. builder.Services.AddRazorComponents() .AddInteractiveServerComponents();