ux: show counters in collapsed sidebar icon

Signed-off-by: leo <longshuang@msn.cn>

Author: love-linger

src/Converters/IntConverters.cs

@@ -22,5 +22,8 @@ public static class IntConverters
 
         public static readonly FuncValueConverter<int, string> ToUnsolvedDesc =
             new(v => v == 0 ? App.Text("MergeConflictEditor.AllResolved") : App.Text("MergeConflictEditor.ConflictsRemaining", v));
+
+        public static readonly FuncValueConverter<int, string> ToBadgeWithLimit =
+            new(v => v > 999 ? "999+" : v.ToString());
     }
 }

src/Views/Repository.axaml

@@ -750,11 +750,37 @@
         </ListBoxItem>
 
         <ListBoxItem IsVisible="{Binding !IsBare}">
-          <Path Classes="icon" Margin="2,0,0,0" Data="{StaticResource Icons.Changes}"/>
+          <Grid>
+            <Path Classes="icon" Data="{StaticResource Icons.Changes}"/>
+            <Border Height="14"
+                    Margin="0,4,4,0" Padding="5,0"
+                    CornerRadius="7"
+                    HorizontalAlignment="Right" VerticalAlignment="Top"
+                    Background="Crimson"
+                    IsVisible="{Binding LocalChangesCount, Mode=OneWay, Converter={x:Static c:IntConverters.IsGreaterThanZero}}">
+              <TextBlock Text="{Binding LocalChangesCount, Mode=OneWay, Converter={x:Static c:IntConverters.ToBadgeWithLimit}}"
+                         Foreground="White"
+                         FontFamily="{DynamicResource Fonts.Monospace}"
+                         FontSize="10"/>
+            </Border>
+          </Grid>
         </ListBoxItem>
 
         <ListBoxItem IsVisible="{Binding !IsBare}">
-          <Path Classes="icon" Data="{StaticResource Icons.Stashes}"/>
+          <Grid>
+            <Path Classes="icon" Data="{StaticResource Icons.Stashes}"/>
+            <Border Height="14"
+                    Margin="0,4,4,0" Padding="5,0"
+                    CornerRadius="7"
+                    HorizontalAlignment="Right" VerticalAlignment="Top"
+                    Background="Crimson"
+                    IsVisible="{Binding StashesCount, Mode=OneWay, Converter={x:Static c:IntConverters.IsGreaterThanZero}}">
+              <TextBlock Text="{Binding StashesCount, Mode=OneWay, Converter={x:Static c:IntConverters.ToBadgeWithLimit}}"
+                         Foreground="White"
+                         FontFamily="{DynamicResource Fonts.Monospace}"
+                         FontSize="10"/>
+            </Border>
+          </Grid>
         </ListBoxItem>
       </ListBox>
     </Grid>