UI tweaks to the shell

Author: Sergio0694

samples/MvvmSampleUwp/MvvmSampleUwp/Shell.xaml

@@ -6,6 +6,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
     xmlns:mvvmSampleUwp="using:MvvmSampleUwp"
+    xmlns:extensions="using:Microsoft.Toolkit.Uwp.UI.Extensions"
     mc:Ignorable="d"
     d:DesignHeight="300"
     d:DesignWidth="400"
@@ -108,22 +109,41 @@
                 <muxc:NavigationViewItem
                     x:Name="RedditBrowserOverviewItem"
                     Content="Putting Things Together"
-                    Icon="Contact"
+                    Icon="{extensions:FontIcon Glyph=&#xE74C;}"
                     ToolTipService.ToolTip="Examples of how to put multiple pieces together for building an app.">
                     <muxc:NavigationViewItem.MenuItems>
                         <muxc:NavigationViewItem
                             x:Name="ViewModelsSetupItem"
-                            Content="Setting up the ViewModels" Icon="Mail" ToolTipService.ToolTip="Mail"/>
-                        <muxc:NavigationViewItem Content="Creating a Service" Icon="Calendar" ToolTipService.ToolTip="Calendar">
+                            Content="Setting up the ViewModels"
+                            Icon="{extensions:FontIcon Glyph=&#xEBD2;}"
+                            ToolTipService.ToolTip="Setting up viewmodels for the two widgets."/>
+                        <muxc:NavigationViewItem
+                            Content="Creating a Service"
+                            Icon="{extensions:FontIcon Glyph=&#xF69E;}"
+                            ToolTipService.ToolTip="Build custom services to expand the app's functionalities.">
                             <muxc:NavigationViewItem.MenuItems>
-                                <muxc:NavigationViewItem x:Name="SettingsServiceItem" Content="Settings service" Icon="Mail" ToolTipService.ToolTip="Mail" />
-                                <muxc:NavigationViewItem x:Name="RedditServiceItem" Content="Reddit service" Icon="Mail" ToolTipService.ToolTip="Mail" />
+                                <muxc:NavigationViewItem
+                                    x:Name="SettingsServiceItem"
+                                    Content="Settings service"
+                                    Icon="Repair"
+                                    ToolTipService.ToolTip="Implementing and injecting a settings service." />
+                                <muxc:NavigationViewItem
+                                    x:Name="RedditServiceItem"
+                                    Content="Reddit service"
+                                    Icon="World"
+                                    ToolTipService.ToolTip="Injecting a service to use Reddit APIs." />
                             </muxc:NavigationViewItem.MenuItems>
                         </muxc:NavigationViewItem>
                         <muxc:NavigationViewItem
                             x:Name="BuildingTheUIItem"
-                            Content="Building the UI" Icon="Mail" ToolTipService.ToolTip="Mail"/>
-                        <muxc:NavigationViewItem x:Name="FinalResultItem" Content="The final result!" Icon="Mail" ToolTipService.ToolTip="Mail"/>
+                            Content="Building the UI"
+                            Icon="{extensions:FontIcon Glyph=&#xEB3C;}"
+                            ToolTipService.ToolTip="Building the UI to connect to the backend."/>
+                        <muxc:NavigationViewItem
+                            x:Name="FinalResultItem"
+                            Content="The final result!"
+                            Icon="{extensions:FontIcon Glyph=&#xF1AD;}"
+                            ToolTipService.ToolTip="The final working sample!"/>
                     </muxc:NavigationViewItem.MenuItems>
                 </muxc:NavigationViewItem>
             </muxc:NavigationView.MenuItems>