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()
@@ -83,12 +79,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);
         });