Added additional icons, animations and improved styling

Transactions for hold now have better notifications

Author: AieatAssam

ChildAllowanceManager/Components/Pages/ChildrenListPage.razor

@@ -50,7 +50,7 @@
                                     <MudText Color="Color.Error">x @child.HoldDaysRemaining</MudText>
                                 </Authorized>
                                 <NotAuthorized>
-                                    <MudChip Icon="fa-solid fa-ban"
+                                    <MudChip Icon="fa-solid fa-ban fa-flip"
                                              IconColor="Color.Error"
                                              Variant="Variant.Outlined"
                                              Class="ma-2 px-1"
@@ -73,7 +73,7 @@
                                                  T="string"/>
                                     </Authorized>
                                     <NotAuthorized>
-                                        <MudChip Icon="fa-solid fa-ban"
+                                        <MudChip Icon="fa-solid fa-ban fa-flip"
                                                  IconColor="Color.Error"
                                                  Variant="Variant.Outlined"
                                                  Class="ma-2 px-1"
@@ -84,7 +84,10 @@
                         }
                     </MudChipSet>
                 }
-                <MudText Typo="Typo.body1">+@child.NextRegularChange.ToString("C2") @child.NextRegularChangeDate.ToLocalTime().Humanize()</MudText>
+                <div style="display: flex; align-items: center; gap: 12px;">
+                    <MudIcon Icon="fa-solid fa-piggy-bank fa-fade" Style="@($"color:{Colors.Yellow.Darken2};")"></MudIcon>
+                    <MudText Typo="Typo.body1">+@child.NextRegularChange.ToString("C2") @child.NextRegularChangeDate.ToLocalTime().Humanize()</MudText>
+                </div>
             </MudCardContent>
             <MudCardActions>
                 <MudTooltip Text="Transactions">

ChildAllowanceManager/Components/Pages/ChildrenListPage.razor.cs

@@ -112,7 +112,7 @@ private void ChildStateChangedNotification(object? sender, IGlobalNotificationSe
         Logger.LogDebug("Child {Child} has been updated", e.ChildId);
         if (!string.IsNullOrEmpty(e.NotificationMessage))
         {
-            var child = Children.FirstOrDefault(c => c.Id == e.ChildId);
+            var child = Children?.FirstOrDefault(c => c.Id == e.ChildId);
             if (child is not null)
             {
                 Snackbar.Add($"{child.Name}\r\n{e.NotificationMessage}", Severity.Info);

ChildAllowanceManager/Services/TransactionService.cs

@@ -110,9 +110,19 @@ public async ValueTask<AllowanceTransaction> AddTransaction(AllowanceTransaction
         var result = await transactionRepository.CreateAsync(transaction, cancellationToken);
 
         // notify global notification service
+        string message;
+        if (transaction.TransactionType != TransactionType.Hold)
+        {
+            message = $"Balance changed by {transaction.TransactionAmount:C} to {transaction.Balance:C}";
+        }
+        else
+        {
+            message = transaction.Description;
+        }
+
         globalNotificationService.OnChildStateChanged(transaction.ChildId, 
             transaction.TenantId, 
-            $"Balance changed by {transaction.TransactionAmount:C} to {transaction.Balance:C}");
+            message);
         return result;
     }