Code Quality: Replaced our own Shimmer control with WCT (#16926)

Author: 0x5bfa

Directory.Packages.props

@@ -8,6 +8,7 @@
     <PackageVersion Include="ColorCode.WinUI" Version="2.0.15" />
     <PackageVersion Include="CommunityToolkit.Labs.WinUI.Controls.MarkdownTextBlock" Version="0.1.250206-build.2040" />
     <PackageVersion Include="CommunityToolkit.Labs.WinUI.DependencyPropertyGenerator" Version="0.1.250206-build.2040" />
+    <PackageVersion Include="CommunityToolkit.Labs.WinUI.Shimmer" Version="0.1.250206-build.2040" />
     <PackageVersion Include="CommunityToolkit.Mvvm" Version="8.4.0" />
     <PackageVersion Include="CommunityToolkit.WinUI.Behaviors" Version="8.2.250129-preview2" />
     <PackageVersion Include="CommunityToolkit.WinUI.Controls.ColorPicker" Version="8.2.250129-preview2" />

src/Files.App/Files.App.csproj

@@ -66,6 +66,7 @@
         <PackageReference Include="ColorCode.WinUI" />
         <PackageReference Include="CommunityToolkit.Labs.WinUI.Controls.MarkdownTextBlock" />
         <PackageReference Include="CommunityToolkit.Labs.WinUI.DependencyPropertyGenerator" />
+        <PackageReference Include="CommunityToolkit.Labs.WinUI.Shimmer" />
         <PackageReference Include="CommunityToolkit.Mvvm" />
         <PackageReference Include="CommunityToolkit.WinUI.Behaviors" />
         <PackageReference Include="CommunityToolkit.WinUI.Controls.ColorPicker" />

src/Files.App/Styles/ShimmerStyles.xaml

@@ -1,16 +1,16 @@
-<!--  Copyright (c) Files Community. Licensed under the MIT License.  -->
+<!--  Copyright (c) Files Community. Licensed under the MIT License.  -->
 <ResourceDictionary
 	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-	xmlns:uc="using:Files.App.UserControls">
+	xmlns:wctlabs="using:CommunityToolkit.Labs.WinUI">
 
-	<Style TargetType="uc:Shimmer">
+	<Style TargetType="wctlabs:Shimmer">
 		<Setter Property="CornerRadius" Value="4" />
 		<Setter Property="MinWidth" Value="8" />
 		<Setter Property="MinHeight" Value="8" />
 		<Setter Property="Template">
 			<Setter.Value>
-				<ControlTemplate TargetType="uc:Shimmer">
+				<ControlTemplate TargetType="wctlabs:Shimmer">
 					<Border
 						x:Name="Shape"
 						Background="{TemplateBinding Background}"
@@ -20,4 +20,4 @@
 		</Setter>
 	</Style>
 
-</ResourceDictionary>
+</ResourceDictionary>

src/Files.App/UserControls/Shimmer/Shimmer.Properties.cs

@@ -15,6 +15,7 @@
 	xmlns:uc="using:Files.App.UserControls"
 	xmlns:wct="using:CommunityToolkit.WinUI"
 	xmlns:wctconverters="using:CommunityToolkit.WinUI.Converters"
+	xmlns:wctlabs="using:CommunityToolkit.Labs.WinUI"
 	x:Name="PageRoot"
 	HighContrastAdjustment="None"
 	mc:Ignorable="d">
@@ -242,7 +243,7 @@
 									</ContentPresenter>
 
 									<!--  Loading indicator  -->
-									<uc:Shimmer
+									<wctlabs:Shimmer
 										x:Name="TypeUnknownGlyph"
 										Margin="2"
 										x:Load="{x:Bind NeedsPlaceholderGlyph, Mode=OneWay}" />

src/Files.App/UserControls/Shimmer/Shimmer.cs

@@ -18,6 +18,7 @@
 	xmlns:uc="using:Files.App.UserControls"
 	xmlns:wct="using:CommunityToolkit.WinUI"
 	xmlns:wctconverters="using:CommunityToolkit.WinUI.Converters"
+	xmlns:wctlabs="using:CommunityToolkit.Labs.WinUI"
 	x:Name="PageRoot"
 	NavigationCacheMode="Enabled"
 	mc:Ignorable="d">
@@ -931,7 +932,7 @@
 											</ContentPresenter>
 
 											<!--  Loading indicator  -->
-											<uc:Shimmer
+											<wctlabs:Shimmer
 												x:Name="TypeUnknownGlyph"
 												Margin="2"
 												x:Load="{x:Bind NeedsPlaceholderGlyph, Mode=OneWay}" />

src/Files.App/Views/Layouts/ColumnLayoutPage.xaml

@@ -18,6 +18,7 @@
 	xmlns:uc="using:Files.App.UserControls"
 	xmlns:wctanimations="using:CommunityToolkit.WinUI.Animations"
 	xmlns:wctconverters="using:CommunityToolkit.WinUI.Converters"
+	xmlns:wctlabs="using:CommunityToolkit.Labs.WinUI"
 	x:Name="PageRoot"
 	NavigationCacheMode="Enabled"
 	mc:Ignorable="d">
@@ -127,7 +128,7 @@
 						</ContentPresenter>
 
 						<!--  Loading indicator  -->
-						<uc:Shimmer
+						<wctlabs:Shimmer
 							x:Name="TypeUnknownGlyph"
 							Margin="12"
 							x:Load="{x:Bind NeedsPlaceholderGlyph, Mode=OneWay}" />
@@ -319,7 +320,7 @@
 							</ContentPresenter>
 
 							<!--  Loading indicator  -->
-							<uc:Shimmer
+							<wctlabs:Shimmer
 								x:Name="TypeUnknownGlyph"
 								Margin="2"
 								x:Load="{x:Bind NeedsPlaceholderGlyph, Mode=OneWay}" />
@@ -467,7 +468,7 @@
 							</ContentPresenter>
 
 							<!--  Loading indicator  -->
-							<uc:Shimmer
+							<wctlabs:Shimmer
 								x:Name="TypeUnknownGlyph"
 								Width="{Binding ElementName=PageRoot, Path=CardsViewIconSize, Mode=OneWay}"
 								Height="{Binding ElementName=PageRoot, Path=CardsViewIconSize, Mode=OneWay}"