refactor(Online): add sort function

src/BootstrapBlazor.Server/Components/Pages/Online.razor.cs

@@ -23,7 +23,8 @@ public partial class Online : IDisposable
 
     private readonly DataTable _table = new();
 
-    private CancellationTokenSource? _cancellationTokenSource = null;
+    private CancellationTokenSource? _cancellationTokenSource;
+
     private string? _clientId;
 
     /// <summary>
@@ -50,7 +51,7 @@ protected override void OnAfterRender(bool firstRender)
             {
                 var client = await WebClientService.GetClientInfo();
                 _clientId = client.Id;
-                _cancellationTokenSource ??= new();
+                _cancellationTokenSource ??= new CancellationTokenSource();
                 while (_cancellationTokenSource is { IsCancellationRequested: false })
                 {
                     try
@@ -59,7 +60,10 @@ protected override void OnAfterRender(bool firstRender)
                         await InvokeAsync(StateHasChanged);
                         await Task.Delay(10000, _cancellationTokenSource.Token);
                     }
-                    catch { }
+                    catch
+                    {
+                        // ignored
+                    }
                 }
             });
         }
@@ -84,6 +88,7 @@ private void CreateTable()
     private void BuildContext()
     {
         _table.Rows.Clear();
+        var rows = ConnectionService.Connections.Sort(["ConnectionTime"]);
         foreach (var item in ConnectionService.Connections)
         {
             _table.Rows.Add(

src/BootstrapBlazor.Server/Components/Pages/Online.razor.css

@@ -0,0 +1,12 @@
+::deep .table-container {
+    --bb-table-row-active-bg: rgba(var(--bb-primary-color-rgb), 0.8);
+    --bb-table-row-hover-bg: rgba(var(--bb-primary-color-rgb), 0.8);
+}
+
+    ::deep .table-container .table tr.active > td {
+        color: #fff !important;
+    }
+
+        ::deep .table-container .table tr.active > td a {
+            --bs-link-color-rgb: #fff;
+        }