chore(demo): add empty state to log view

Author: fadi-george

examples/demo/Controls/LogView.xaml

@@ -86,7 +86,19 @@
       BackgroundColor="{StaticResource OsLogBackground}"
       AutomationId="log_view_list"
     >
-      <VerticalStackLayout x:Name="LogList" Spacing="0" Padding="12,0" />
+      <Grid>
+        <Label
+          x:Name="EmptyLabel"
+          Text="No logs yet"
+          TextColor="{StaticResource OsGrey500}"
+          FontSize="11"
+          FontFamily="DroidSansMono"
+          HorizontalOptions="Center"
+          VerticalOptions="Center"
+          AutomationId="log_view_empty"
+        />
+        <VerticalStackLayout x:Name="LogList" Spacing="0" Padding="12,0" />
+      </Grid>
     </ScrollView>
   </Grid>
 </ContentView>

examples/demo/Controls/LogView.xaml.cs

@@ -18,11 +18,7 @@ public LogView()
 
     private void OnLogAdded(object? sender, EventArgs e)
     {
-        MainThread.BeginInvokeOnMainThread(() =>
-        {
-            RebuildLogList();
-            _ = ScrollToBottomAsync();
-        });
+        MainThread.BeginInvokeOnMainThread(RebuildLogList);
     }
 
     private void RebuildLogList()
@@ -31,8 +27,9 @@ private void RebuildLogList()
         LogList.Children.Clear();
         _logRows.Clear();
 
-        for (int i = 0; i < logs.Count; i++)
+        for (int i = logs.Count - 1; i >= 0; i--)
         {
+            var displayIndex = logs.Count - 1 - i;
             var entry = logs[i];
             var row = new HorizontalStackLayout { Spacing = 4, Padding = new Thickness(0, 1) };
 
@@ -43,7 +40,7 @@ private void RebuildLogList()
                 FontSize = 11,
                 FontFamily = "DroidSansMono",
                 VerticalOptions = LayoutOptions.Center,
-                AutomationId = $"log_entry_{i}_timestamp",
+                AutomationId = $"log_entry_{displayIndex}_timestamp",
             };
             var level = new Label
             {
@@ -54,7 +51,7 @@ private void RebuildLogList()
                 FontAttributes = FontAttributes.Bold,
                 VerticalOptions = LayoutOptions.Center,
                 Margin = new Thickness(4, 0),
-                AutomationId = $"log_entry_{i}_level",
+                AutomationId = $"log_entry_{displayIndex}_level",
             };
             var msg = new Label
             {
@@ -63,13 +60,13 @@ private void RebuildLogList()
                 FontSize = 11,
                 FontFamily = "DroidSansMono",
                 VerticalOptions = LayoutOptions.Center,
-                AutomationId = $"log_entry_{i}_message",
+                AutomationId = $"log_entry_{displayIndex}_message",
             };
 
             row.Children.Add(ts);
             row.Children.Add(level);
             row.Children.Add(msg);
-            row.AutomationId = $"log_entry_{i}";
+            row.AutomationId = $"log_entry_{displayIndex}";
 
             LogList.Children.Add(row);
             _logRows.Add(row);
@@ -83,12 +80,7 @@ private void UpdateCount()
         var count = LogManager.Instance.Logs.Count;
         LogCountLabel.Text = $"({count})";
         ClearIcon.IsVisible = count > 0;
-    }
-
-    private async Task ScrollToBottomAsync()
-    {
-        await Task.Delay(50);
-        await LogScrollView.ScrollToAsync(0, LogScrollView.ContentSize.Height, false);
+        EmptyLabel.IsVisible = count == 0;
     }
 
     private void OnHeaderTapped(object? sender, TappedEventArgs e)

examples/demo/Services/LogManager.cs

@@ -1,6 +1,5 @@
 using System.Collections.ObjectModel;
 using System.ComponentModel;
-using System.Diagnostics;
 
 namespace OneSignalDemo.Services;
 
@@ -47,14 +46,22 @@ private LogManager() { }
 
     public void E(string tag, string message) => AddLog("E", tag, message);
 
+    private const int MaxEntries = 100;
+
     private void AddLog(string level, string tag, string message)
     {
         var entry = new LogEntry(level, $"[{tag}] {message}");
-        Debug.WriteLine($"{level} {entry.Timestamp} [{tag}] {message}");
+        var line = $"[{level}][{tag}] {message}";
+        if (level is "W" or "E")
+            Console.Error.WriteLine(line);
+        else
+            Console.WriteLine(line);
 
         MainThread.BeginInvokeOnMainThread(() =>
         {
-            Logs.Add(entry);
+            Logs.Insert(0, entry);
+            if (Logs.Count > MaxEntries)
+                Logs.RemoveAt(Logs.Count - 1);
             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Logs)));
             LogAdded?.Invoke(this, EventArgs.Empty);
         });