ux: show copy feedback icon when copying notification message

Author: weiningwei

src/Models/Notification.cs

@@ -1,15 +1,23 @@
 using System;
 
+using CommunityToolkit.Mvvm.ComponentModel;
+
 namespace SourceGit.Models
 {
-    public class Notification
+    public class Notification : ObservableObject
     {
         public static event Action<Notification> Raised;
 
         public string Group { get; set; }
         public string Message { get; set; }
         public bool IsError { get; set; }
 
+        public bool IsCopied
+        {
+            get => _isCopied;
+            set => SetProperty(ref _isCopied, value);
+        }
+
         public static void Send(string group, string message, bool isError = false)
         {
             Raised?.Invoke(new Notification
@@ -19,5 +27,7 @@ public static void Send(string group, string message, bool isError = false)
                 IsError = isError
             });
         }
+
+        private bool _isCopied = false;
     }
 }

src/Views/LauncherPage.axaml

@@ -166,8 +166,11 @@
                         <Path Grid.Column="0" Width="14" Height="14" Data="{StaticResource Icons.Info}" Fill="Green" IsVisible="{Binding !IsError}"/>
                         <TextBlock Grid.Column="1" Margin="8,0,0,0" FontWeight="Bold" FontSize="14" Text="{DynamicResource Text.Launcher.Error}" IsVisible="{Binding IsError}"/>
                         <TextBlock Grid.Column="1" Margin="8,0,0,0" FontWeight="Bold" FontSize="14" Text="{DynamicResource Text.Launcher.Info}" IsVisible="{Binding !IsError}"/>
-                        <Button Grid.Column="2" Classes="icon_button" Width="16" Height="16" Click="OnCopyNotification">
-                          <Path Width="12" Height="12" Data="{StaticResource Icons.Copy}"/>
+                        <Button Grid.Column="2" Classes="icon_button" Width="16" Height="16" Click="OnCopyNotification" ToolTip.Tip="{DynamicResource Text.Copy}">
+                          <Grid>
+                            <Path Width="12" Height="12" Data="{StaticResource Icons.Copy}" IsVisible="{Binding IsCopied, Converter={x:Static BoolConverters.Not}}"/>
+                            <Path Width="14" Height="14" Margin="0,1,0,0" Data="{StaticResource Icons.Check}" Fill="Green" IsVisible="{Binding IsCopied}"/>
+                          </Grid>
                         </Button>
                         <Button Grid.Column="3" Classes="icon_button" Width="16" Height="16" Margin="8,0,0,0" Click="OnDismissNotification">
                           <Path Width="10" Height="10" Data="{StaticResource Icons.Close}"/>

src/Views/LauncherPage.axaml.cs

@@ -1,7 +1,10 @@
+using System;
+
 using Avalonia.Controls;
 using Avalonia.Input;
 using Avalonia.Interactivity;
 using Avalonia.LogicalTree;
+using Avalonia.Threading;
 using Avalonia.VisualTree;
 
 namespace SourceGit.Views
@@ -11,6 +14,19 @@ public partial class LauncherPage : UserControl
         public LauncherPage()
         {
             InitializeComponent();
+
+            _copyIconResetTimer = new DispatcherTimer();
+            _copyIconResetTimer.Interval = TimeSpan.FromSeconds(1);
+            _copyIconResetTimer.Tick += static (o, _) =>
+            {
+                if (o is DispatcherTimer { Tag: Models.Notification notice } timer)
+                {
+                    notice.IsCopied = false;
+                    timer.Tag = null;
+                    timer.IsEnabled = false;
+                }
+            };
+            _copyIconResetTimer.IsEnabled = false;
         }
 
         private async void OnPopupSureByHotKey(object sender, RoutedEventArgs e)
@@ -75,8 +91,15 @@ private void OnMaskClicked(object sender, PointerPressedEventArgs e)
         private async void OnCopyNotification(object sender, RoutedEventArgs e)
         {
             if (sender is Button { DataContext: Models.Notification notice })
+            {
                 await this.CopyTextAsync(notice.Message);
 
+                _copyIconResetTimer.Stop();
+                _copyIconResetTimer.Tag = notice;
+                notice.IsCopied = true;
+                _copyIconResetTimer.Start();
+            }
+
             e.Handled = true;
         }
 
@@ -93,5 +116,7 @@ private void OnToolBarPointerPressed(object sender, PointerPressedEventArgs e)
         {
             this.FindAncestorOfType<ChromelessWindow>()?.BeginMoveWindow(sender, e);
         }
+
+        private DispatcherTimer _copyIconResetTimer = null;
     }
 }