From 5a5f4897b6706b8f6d303ef19190d0c13429a7e5 Mon Sep 17 00:00:00 2001
From: Antonio Borrego <aborrego@plainconcepts.com>
Date: Fri, 13 May 2022 11:13:56 +0200
Subject: [PATCH] shell with flyoutitem

---
 src/Mobile/Pages/DesktopShell.xaml | 54 +++++++++++++++++++++---------
 1 file changed, 38 insertions(+), 16 deletions(-)

diff --git a/src/Mobile/Pages/DesktopShell.xaml b/src/Mobile/Pages/DesktopShell.xaml
index 8635cb2..6df9360 100644
--- a/src/Mobile/Pages/DesktopShell.xaml
+++ b/src/Mobile/Pages/DesktopShell.xaml
@@ -19,20 +19,42 @@
         </Grid>
     </Shell.FlyoutHeader>
 
-    <ShellContent Title="{Binding Discover.Title}"
-                  Icon="{AppThemeBinding Light=discover.png, Dark=discover_dark.png}"
-                  ContentTemplate="{DataTemplate pages:DiscoverPage}"/>
-    <ShellContent Title="{Binding Subscriptions.Title}"
-                  Icon="{AppThemeBinding Light=subscriptions.png, Dark=subscriptions_dark.png}"
-                  ContentTemplate="{DataTemplate pages:SubscriptionsPage}" />
-    <ShellContent Title="{Binding ListenLater.Title}"
-                  Icon="{AppThemeBinding Light=clock.png, Dark=clock_dark.png}"
-                  ContentTemplate="{DataTemplate pages:ListenLaterPage}" />
-    <ShellContent Title="{Binding ListenTogether.Title}"
-                  Icon="{AppThemeBinding Light=listentogether.png, Dark=listentogether_dark.png}"
-                  FlyoutItemIsVisible="{x:Static root:Config.ListenTogetherIsVisible}"
-                  ContentTemplate="{DataTemplate pages:ListenTogetherPage}" />
-    <ShellContent Title="{Binding Settings.Title}"
-                  Icon="{AppThemeBinding Light=settings.png, Dark=settings_dark.png}"
-                  ContentTemplate="{DataTemplate pages:SettingsPage}" />
+    <FlyoutItem Title="{Binding Discover.Title}"
+                Icon="{AppThemeBinding Light=discover.png, Dark=discover_dark.png}">
+        <Tab>
+            <ShellContent ContentTemplate="{DataTemplate pages:DiscoverPage}"/>
+        </Tab>
+    </FlyoutItem>
+
+    <FlyoutItem Title="{Binding Subscriptions.Title}"
+                Icon="{AppThemeBinding Light=subscriptions.png, Dark=subscriptions_dark.png}">
+        <Tab>
+            <ShellContent ContentTemplate="{DataTemplate pages:SubscriptionsPage}" />
+        </Tab>
+    </FlyoutItem>
+
+    <FlyoutItem Title="{Binding ListenLater.Title}"
+                Icon="{AppThemeBinding Light=clock.png, Dark=clock_dark.png}">
+        <Tab>
+            <ShellContent ContentTemplate="{DataTemplate pages:ListenLaterPage}" />
+        </Tab>
+    </FlyoutItem>
+
+    <FlyoutItem Title="{Binding ListenTogether.Title}"
+                Icon="{AppThemeBinding Light=listentogether.png, Dark=listentogether_dark.png}"
+                FlyoutItemIsVisible="{x:Static root:Config.ListenTogetherIsVisible}">
+        <Tab>
+            <ShellContent 
+                          ContentTemplate="{DataTemplate pages:ListenTogetherPage}" />
+        </Tab>
+    </FlyoutItem>
+
+    <FlyoutItem Title="{Binding Settings.Title}"
+                Icon="{AppThemeBinding Light=settings.png, Dark=settings_dark.png}">
+        <Tab>
+            <ShellContent 
+                ContentTemplate="{DataTemplate pages:SettingsPage}" />
+        </Tab>
+    </FlyoutItem>
+
 </Shell>
\ No newline at end of file