Add clear history button

Author: niels9001

AIDevGallery/Controls/DownloadProgressList.xaml

@@ -17,10 +17,27 @@
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*" />
+            <ColumnDefinition Width="Auto" />
+        </Grid.ColumnDefinitions>
         <TextBlock
+            FontWeight="SemiBold"
             Foreground="{ThemeResource TextFillColorSecondaryBrush}"
-            Style="{StaticResource CaptionTextBlockStyle}"
             Text="Downloads" />
+        <Button
+            HorizontalAlignment="Right"
+            AutomationProperties.Name="More options"
+            Content="{ui:FontIcon Glyph=&#xE712;,
+                                  FontSize=16}"
+            Style="{StaticResource SubtleButtonStyle}"
+            ToolTipService.ToolTip="More options">
+            <Button.Flyout>
+                <MenuFlyout>
+                    <MenuFlyoutItem Click="ClearHistory_Click" Text="Clear history" />
+                </MenuFlyout>
+            </Button.Flyout>
+        </Button>
         <ItemsRepeater
             Grid.Row="1"
             IsTabStop="False"

AIDevGallery/Controls/DownloadProgressList.xaml.cs

@@ -75,5 +75,16 @@ private void RetryDownloadClicked(object sender, RoutedEventArgs e)
                 App.ModelCache.AddModelToDownloadQueue(downloadableModel.ModelDetails);
             }
         }
+
+        private void ClearHistory_Click(object sender, RoutedEventArgs e)
+        {
+            foreach (DownloadableModel model in downloadProgresses.ToList())
+            {
+                if (model.Status is DownloadStatus.Completed or DownloadStatus.Canceled)
+                {
+                    downloadProgresses.Remove(model);
+                }
+            }
+        }
     }
 }

AIDevGallery/MainWindow.xaml

@@ -167,7 +167,10 @@
                                     Width="32"
                                     Height="32"
                                     IsActive="False" />
-                                <FontIcon FontSize="14" Glyph="&#xE896;" />
+                                <FontIcon
+                                    AutomationProperties.AccessibilityView="Raw"
+                                    FontSize="14"
+                                    Glyph="&#xE896;" />
                             </Grid>
                         </Button.Content>
                         <Button.Flyout>