refactor: move GrapQL fragments

app/[lang]/(live)/(protected)/my-pages/layout.tsx

@@ -55,7 +55,7 @@ export default async function MyPagesLayout({
       }
     })
   }
-
+  // navigation_my_pages is of type Single, hence the hard [0]
   const navigation = response.data.all_navigation_my_pages.items[0]
   const menuItems = mapMenuItems(navigation.items)
 

lib/graphql/Fragments/PageLinks.graphql

@@ -6,3 +6,37 @@ fragment CurrentBlocksPageLink on CurrentBlocksPage {
   title
   url
 }
+
+fragment CodeDefinedPageLink on CodeDefinedPage {
+  system {
+    uid
+  }
+  title
+  url
+}
+
+fragment AccountPageLink on AccountPage {
+  system {
+    uid
+  }
+  title
+  url
+}
+
+fragment LoyaltyPageLink on LoyaltyPage {
+  system {
+    uid
+  }
+  title
+  url
+}
+
+fragment ContentPageLink on ContentPage {
+  system {
+    uid
+  }
+  web {
+    url
+  }
+  title
+}

lib/graphql/Query/NavigationMyPages.graphql

@@ -1,36 +1,4 @@
-fragment CodeDefinedPage on CodeDefinedPage {
+#import "../Fragments/PageLinks.graphql"
-  title
-  url
-  system {
-    uid
-  }
-}
-
-fragment AccountPage on AccountPage {
-  title
-  url
-  system {
-    uid
-  }
-}
-
-fragment LoyaltyPage on LoyaltyPage {
-  title
-  url
-  system {
-    uid
-  }
-}
-
-fragment ContentPage on ContentPage {
-  title
-  web {
-    url
-  }
-  system {
-    uid
-  }
-}
 
 query GetNavigationMyPages {
   all_navigation_my_pages {
@@ -49,10 +17,10 @@ query GetNavigationMyPages {
                     edges {
                       node {
                         __typename
-                        ...AccountPage
+                        ...AccountPageLink
-                        ...LoyaltyPage
+                        ...LoyaltyPageLink
-                        ...CodeDefinedPage
+                        ...CodeDefinedPageLink
-                        ...ContentPage
+                        ...ContentPageLink
                       }
                     }
                   }
@@ -63,10 +31,10 @@ query GetNavigationMyPages {
               edges {
                 node {
                   __typename
-                  ...AccountPage
+                  ...AccountPageLink
-                  ...LoyaltyPage
+                  ...LoyaltyPageLink
-                  ...ContentPage
+                  ...ContentPageLink
-                  ...CodeDefinedPage
+                  ...CodeDefinedPageLink
                 }
               }
             }