feat(WEB-209): revalidate my pages navigation on demand

components/MyPages/Sidebar/index.tsx

@@ -1,38 +1,25 @@
 import { Fragment } from "react"
 import { LogOut } from "react-feather"
 
-import { GetNavigationMyPages } from "@/lib/graphql/Query/NavigationMyPages.graphql"
-import { request } from "@/lib/graphql/request"
+import { serverClient } from "@/lib/trpc/server"
 
 import Link from "@/components/TempDesignSystem/Link"
 import Title from "@/components/Title"
 
-import { mapMenuItems } from "./helpers"
-
 import styles from "./sidebar.module.css"
 
-import type {
-  GetNavigationMyPagesData,
-  SidebarProps,
-} from "@/types/requests/myPages/navigation"
+import type { SidebarProps } from "@/types/requests/myPages/navigation"
 
 export default async function Sidebar({ lang }: SidebarProps) {
-  const response = await request<GetNavigationMyPagesData>(
-    GetNavigationMyPages,
-    {
-      locale: lang,
-    }
-  )
-  // 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)
+  const navigation =
+    await serverClient().contentstack.myPages.navigation.get(lang)
   return (
     <aside className={styles.sidebar}>
       <nav className={styles.nav}>
         <Title level="h5" uppercase>
           {navigation.title}
         </Title>
-        {menuItems.map((item) => (
+        {navigation.items.map((item) => (
           <Fragment key={item.uid}>
             <Link
               href={item.originalUrl || item.url}
@@ -42,18 +29,16 @@ export default async function Sidebar({ lang }: SidebarProps) {
               {item.linkText}
             </Link>
             {item.subItems
-              ? item.subItems.map((subItem) => {
-                  return (
-                    <Link
-                      key={subItem.uid}
-                      href={subItem.originalUrl || subItem.url}
-                      partialMatch
-                      variant="sidebar"
-                    >
-                      {subItem.linkText}
-                    </Link>
-                  )
-                })
+              ? item.subItems.map((subItem) => (
+                  <Link
+                    key={subItem.uid}
+                    href={subItem.originalUrl || subItem.url}
+                    partialMatch
+                    variant="sidebar"
+                  >
+                    {subItem.linkText}
+                  </Link>
+                ))
               : null}
           </Fragment>
         ))}