Enhance the usage of the Messaging center in the sample

Author: aksoftware98

src/BlazorUtilitiesSample/Pages/MyAccount.razor

@@ -1,15 +1,13 @@
 @page "/MyAccount"
 
 <h3>Update my Username</h3>
-<EditForm Model="new object()" OnValidSubmit="UpdateUsername">
 	<div class="row">
 		<div class="col-4">
 			<div class="form-group">
 				<label>New username:</label>
-				<input type="text" @bind-value="_username" class="form-control"/>
-				<button type="submit" class="btn btn-primary m-3">Save</button>
-			</div>
+				<input type="text" @bind-value="_username" class="form-control" @onkeyup="UpdateUsername"/>
+				<button type="submit" class="btn btn-primary m-3" @onclick="() => UpdateUsername(new KeyboardEventArgs())">Save</button>
 		</div>
 	</div>
-</EditForm>
+</div>
 

src/BlazorUtilitiesSample/Pages/MyAccount.razor.cs

@@ -22,14 +22,14 @@ public partial class MyAccount
 
         private string _username = UserSettings.DefaultUsername;
 
-        private void UpdateUsername()
+        private void UpdateUsername(KeyboardEventArgs args)
         {
             // Set the new value of the username 
             UserSettings.DefaultUsername = _username;
 
             // Send the updated
             // You can use the Send function to send the sender object with the value you want to send 
-            MessagingCenter.Send("username_updated", _username);
+            MessagingCenter.Send(this, "username_updated", _username);
         }
 
     }

src/BlazorUtilitiesSample/Shared/MainLayout.razor

@@ -26,13 +26,13 @@
 
     protected override void OnInitialized()
     {
-        string newUsername = string.Empty;
-
-        // Subscribe to "username_updated" message so we can take an action whenever the username gots udpatd from the my account page
-        MessagingCenter.Subscribe<string>(this, "username_updated", arg =>
-        {
-            _username = arg;
-            StateHasChanged(); 
+        string newUsername = string.Empty;
+
+        // Subscribe to "username_updated" message so we can take an action whenever the username gots udpatd from the my account page
+        MessagingCenter.Subscribe<MyAccount, string>(this, "username_updated", (sender, arg) =>
+        {
+            _username = arg;
+            StateHasChanged();
         });
         base.OnInitialized();
     }

src/BlazorUtilitiesSample/Shared/NavMenu.razor

@@ -1,4 +1,6 @@
 @using AKSoftware.Blazor.Utilities
+@using BlazorUtilitiesSample.Pages
+
 <div class="top-row pl-4 navbar navbar-dark">
 	<a class="navbar-brand" href="">BlazorUtilitiesSample</a>
 	<button class="navbar-toggler" @onclick="ToggleNavMenu">
@@ -10,7 +12,7 @@
 	<ul class="nav flex-column">
 		<li class="nav-item px-3">
 			<NavLink class="nav-link" href="myaccount">
-				<span class="oi oi-person" aria-hidden="true"></span> Welcome @_username
+				<span class="oi oi-person" aria-hidden="true"></span> @_username
 			</NavLink>
 		</li>
 		<li class="nav-item px-3">
@@ -46,7 +48,7 @@
 	protected override void OnInitialized()
 	{
 		// Subscribe to "username_updated" message so we can take an action whenever the username gots udpatd from the my account page
-		MessagingCenter.Subscribe<string>(this, "username_updated", arg =>
+		MessagingCenter.Subscribe<MyAccount, string>(this, "username_updated", (sender, arg) =>
 		{
 			_username = arg;
 			StateHasChanged();