Feature: What's new popup

src/Files.App/Dialogs/ReleaseNotesDialog.xaml

@@ -0,0 +1,89 @@
+<!--  Copyright (c) 2023 Files Community. Licensed under the MIT License. See the LICENSE.  -->
+<ContentDialog
+	x:Class="Files.App.Dialogs.ReleaseNotesDialog"
+	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	xmlns:controls="using:CommunityToolkit.WinUI.UI.Controls"
+	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	xmlns:helpers="using:Files.App.Helpers"
+	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	CornerRadius="{StaticResource OverlayCornerRadius}"
+	DefaultButton="None"
+	RequestedTheme="{x:Bind helpers:ThemeHelper.RootTheme}"
+	Style="{StaticResource DefaultContentDialogStyle}"
+	mc:Ignorable="d">
+	<ContentDialog.Resources>
+		<ResourceDictionary>
+			<Thickness x:Key="ContentDialogPadding">0</Thickness>
+		</ResourceDictionary>
+	</ContentDialog.Resources>
+
+	<Grid>
+		<Grid.RowDefinitions>
+			<RowDefinition Height="Auto" />
+			<RowDefinition Height="*" />
+			<RowDefinition Height="Auto" />
+		</Grid.RowDefinitions>
+
+		<!--  Titlebar  -->
+		<Grid Grid.Row="0">
+			<StackPanel
+				Padding="20"
+				Orientation="Horizontal"
+				Spacing="12">
+				<Image Width="32" Source="\Assets\AppTiles\Dev\Logo.ico" />
+
+				<TextBlock
+					VerticalAlignment="Center"
+					FontSize="20"
+					FontWeight="SemiBold"
+					LineHeight="28"
+					Text="{helpers:ResourceString Name=WhatsNew}" />
+			</StackPanel>
+
+			<Button
+				x:Name="CloseDialogButton"
+				Width="36"
+				Height="36"
+				Margin="4"
+				HorizontalAlignment="Right"
+				VerticalAlignment="Top"
+				AutomationProperties.Name="{helpers:ResourceString Name=Close}"
+				Background="Transparent"
+				BorderBrush="Transparent"
+				Click="CloseDialogButton_Click"
+				ToolTipService.Placement="Bottom"
+				ToolTipService.ToolTip="{helpers:ResourceString Name=Close}">
+				<FontIcon FontSize="12" Glyph="&#xE8BB;" />
+			</Button>
+		</Grid>
+
+		<!--  Markdown Content  -->
+		<ScrollViewer
+			Grid.Row="1"
+			MinWidth="440"
+			MinHeight="200"
+			Padding="20,0,20,20"
+			HorizontalScrollMode="Auto"
+			VerticalScrollMode="Auto">
+			<controls:MarkdownTextBlock
+				Background="Transparent"
+				ListGutterWidth="16"
+				Text="{x:Bind ViewModel.ReleaseNotesMadrkdown, Mode=OneWay}" />
+		</ScrollViewer>
+
+		<!--  Footer  -->
+		<Border
+			Grid.Row="2"
+			Padding="12"
+			Background="{ThemeResource SolidBackgroundFillColorBase}"
+			BackgroundSizing="OuterBorderEdge"
+			BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+			BorderThickness="0,1,0,0">
+			<HyperlinkButton
+				HorizontalAlignment="Left"
+				Content="{helpers:ResourceString Name=SponsorUsOnGitHub}"
+				NavigateUri="https://github.com/sponsors/yaira2" />
+		</Border>
+	</Grid>
+</ContentDialog>

src/Files.App/Dialogs/ReleaseNotesDialog.xaml.cs

@@ -0,0 +1,41 @@
+// Copyright (c) 2023 Files Community
+// Licensed under the MIT License. See the LICENSE.
+
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Files.App.Dialogs
+{
+	public sealed partial class ReleaseNotesDialog : ContentDialog, IDialog<ReleaseNotesDialogViewModel>
+	{
+		public ReleaseNotesDialogViewModel ViewModel
+		{
+			get => (ReleaseNotesDialogViewModel)DataContext;
+			set => DataContext = value;
+		}
+
+		public ReleaseNotesDialog()
+		{
+			InitializeComponent();
+		}
+
+		public new async Task<DialogResult> ShowAsync()
+		{
+			return (DialogResult)await SetContentDialogRoot(this).TryShowAsync();
+		}
+
+		private void CloseDialogButton_Click(object sender, RoutedEventArgs e)
+		{
+			Hide();
+		}
+
+		// WINUI3
+		private ContentDialog SetContentDialogRoot(ContentDialog contentDialog)
+		{
+			if (Windows.Foundation.Metadata.ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 8))
+				contentDialog.XamlRoot = MainWindow.Instance.Content.XamlRoot;
+
+			return contentDialog;
+		}
+	}
+}

src/Files.App/Files.App.csproj

@@ -69,6 +69,7 @@
     </ItemGroup>
 
     <ItemGroup>
+      <None Remove="Dialogs\ReleaseNotesDialog.xaml" />
       <None Remove="UserControls\Sidebar\SideBarItem.xaml" />
       <None Remove="UserControls\Sidebar\SideBarView.xaml" />
     </ItemGroup>
@@ -136,6 +137,9 @@
     </ItemGroup>
 
     <ItemGroup>
+      <Page Update="Dialogs\ReleaseNotesDialog.xaml">
+        <XamlRuntime>$(DefaultXamlRuntime)</XamlRuntime>
+      </Page>
       <Page Update="UserControls\SideBarControl\SideBarHost.xaml">
         <XamlRuntime>$(DefaultXamlRuntime)</XamlRuntime>
       </Page>

src/Files.App/Services/DialogService.cs

@@ -33,6 +33,7 @@ public DialogService()
 				{ typeof(AddBranchDialogViewModel), () => new AddBranchDialog() },
 				{ typeof(GitHubLoginDialogViewModel), () => new GitHubLoginDialog() },
 				{ typeof(FileTooLargeDialogViewModel), () => new FileTooLargeDialog() },
+				{ typeof(ReleaseNotesDialogViewModel), () => new ReleaseNotesDialog() },
 			};
 		}
 

src/Files.App/Strings/en-US/Resources.resw

@@ -2367,8 +2367,8 @@
   <data name="EditSettingsFile" xml:space="preserve">
     <value>Edit Settings File</value>
   </data>
-  <data name="ReleaseNotes" xml:space="preserve">
-    <value>Release Notes</value>
+  <data name="WhatsNew" xml:space="preserve">
+    <value>What's new</value>
   </data>
   <data name="CannotCreateShortcutDialogTitle" xml:space="preserve">
     <value>Creating a shortcut in this location requires administrator privileges</value>

src/Files.App/UserControls/AddressToolbar.xaml

@@ -485,10 +485,10 @@
 					VerticalContentAlignment="Stretch"
 					x:Load="{x:Bind ViewModel.IsReleaseNotesVisible, Mode=OneWay}"
 					AccessKey="2"
-					AutomationProperties.Name="{helpers:ResourceString Name=ReleaseNotes}"
+					AutomationProperties.Name="{helpers:ResourceString Name=WhatsNew}"
 					Command="{x:Bind ViewModel.ViewReleaseNotesCommand, Mode=OneWay}"
 					Style="{StaticResource AddressToolbarButtonStyle}"
-					ToolTipService.ToolTip="{helpers:ResourceString Name=ReleaseNotes}">
+					ToolTipService.ToolTip="{helpers:ResourceString Name=WhatsNew}">
 					<FontIcon
 						FontSize="14"
 						Foreground="{ThemeResource SystemAccentColor}"
@@ -522,45 +522,6 @@
 				IsOpen="False"
 				Subtitle="{helpers:ResourceString Name=OngoingTasksTeachingTip/Subtitle}"
 				Target="{x:Bind OngoingTasks}" />
-
-			<!--  Release Notes Teaching Tip  -->
-			<TeachingTip
-				x:Name="ReleaseNotesTeachingTip"
-				IsLightDismissEnabled="True"
-				IsOpen="{x:Bind ViewModel.IsReleaseNotesOpen, Mode=TwoWay}"
-				Target="{x:Bind ViewReleaseNotesButton}">
-
-				<!--  Sponsor Button  -->
-				<TeachingTip.HeroContent>
-					<Border
-						Padding="12"
-						Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
-						BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
-						BorderThickness="0,1,0,0">
-
-						<HyperlinkButton
-							HorizontalAlignment="Center"
-							Content="{helpers:ResourceString Name=SponsorUsOnGitHub}"
-							NavigateUri="https://github.com/sponsors/yaira2" />
-					</Border>
-				</TeachingTip.HeroContent>
-
-				<!--  Markdown Content  -->
-				<TeachingTip.Content>
-					<ScrollViewer
-						MinHeight="300"
-						MaxHeight="400"
-						Margin="-12"
-						Padding="12"
-						HorizontalScrollMode="Auto"
-						VerticalScrollMode="Auto">
-						<controls:MarkdownTextBlock
-							Background="Transparent"
-							ListGutterWidth="16"
-							Text="{x:Bind ViewModel.ReleaseNotes, Mode=OneWay}" />
-					</ScrollViewer>
-				</TeachingTip.Content>
-			</TeachingTip>
 		</Grid>
 
 		<VisualStateManager.VisualStateGroups>

src/Files.App/ViewModels/UserControls/ToolbarViewModel.cs

@@ -19,6 +19,8 @@ public class ToolbarViewModel : ObservableObject, IAddressToolbar, IDisposable
 	{
 		private IUserSettingsService UserSettingsService { get; } = Ioc.Default.GetRequiredService<IUserSettingsService>();
 
+		private readonly IDialogService _dialogService = Ioc.Default.GetRequiredService<IDialogService>();
+
 		private readonly MainPageViewModel mainPageViewModel = Ioc.Default.GetRequiredService<MainPageViewModel>();
 
 		private readonly DrivesViewModel drivesViewModel = Ioc.Default.GetRequiredService<DrivesViewModel>();
@@ -87,13 +89,6 @@ public bool IsReleaseNotesVisible
 			set => SetProperty(ref isReleaseNotesVisible, value);
 		}
 
-		private bool isReleaseNotesOpen;
-		public bool IsReleaseNotesOpen
-		{
-			get => isReleaseNotesOpen;
-			set => SetProperty(ref isReleaseNotesOpen, value);
-		}
-
 		private bool canCopyPathInPage;
 		public bool CanCopyPathInPage
 		{
@@ -222,9 +217,15 @@ private async void UpdateService_OnPropertyChanged(object? sender, PropertyChang
 				await CheckForReleaseNotesAsync();
 		}
 
-		private void DoViewReleaseNotes()
+		private async void DoViewReleaseNotes()
 		{
-			IsReleaseNotesOpen = true;
+			if (ReleaseNotes is null)
+				return;
+
+			var viewModel = new ReleaseNotesDialogViewModel(ReleaseNotes);
+			var dialog = _dialogService.GetDialog(viewModel);
+
+			await dialog.TryShowAsync();
 		}
 
 		public async Task CheckForReleaseNotesAsync()

src/Files.Core/ViewModels/Dialogs/ReleaseNotesDialogViewModel.cs

@@ -0,0 +1,20 @@
+// Copyright (c) 2023 Files Community
+// Licensed under the MIT License. See the LICENSE.
+
+namespace Files.Core.ViewModels.Dialogs
+{
+	public sealed class ReleaseNotesDialogViewModel : ObservableObject
+	{
+		public string _ReleaseNotesMadrkdown = string.Empty;
+		public string ReleaseNotesMadrkdown
+		{
+			get => _ReleaseNotesMadrkdown;
+			set => SetProperty(ref _ReleaseNotesMadrkdown, value);
+		}
+
+		public ReleaseNotesDialogViewModel(string releaseNotesMadrkdown)
+		{
+			ReleaseNotesMadrkdown = releaseNotesMadrkdown;
+		}
+	}
+}