feat(SW-66, SW-348): search functionality and ui

server/routers/contentstack/breadcrumbs/query.ts

@@ -1,15 +1,15 @@
-import {
-  GetContentPageBreadcrumbs,
-  GetContentPageBreadcrumbsRefs,
-} from "@/lib/graphql/Query/BreadcrumbsContentPage.graphql"
-import {
-  GetLoyaltyPageBreadcrumbs,
-  GetLoyaltyPageBreadcrumbsRefs,
-} from "@/lib/graphql/Query/BreadcrumbsLoyaltyPage.graphql"
 import {
   GetMyPagesBreadcrumbs,
   GetMyPagesBreadcrumbsRefs,
-} from "@/lib/graphql/Query/BreadcrumbsMyPages.graphql"
+} from "@/lib/graphql/Query/Breadcrumbs/AccountPage.graphql"
+import {
+  GetContentPageBreadcrumbs,
+  GetContentPageBreadcrumbsRefs,
+} from "@/lib/graphql/Query/Breadcrumbs/ContentPage.graphql"
+import {
+  GetLoyaltyPageBreadcrumbs,
+  GetLoyaltyPageBreadcrumbsRefs,
+} from "@/lib/graphql/Query/Breadcrumbs/LoyaltyPage.graphql"
 import { contentstackExtendedProcedureUID, router } from "@/server/trpc"
 
 import {
@@ -49,13 +49,13 @@ async function getLoyaltyPageBreadcrumbs(variables: Variables) {
 
   if (!validatedRefsData.success) {
     console.error(
-      `Failed to validate Loyaltypage Breadcrumbs Refs - (url: ${variables.url})`
+      `Failed to validate Loyaltypage Breadcrumbs Refs - (uid: ${variables.uid})`
     )
     console.error(validatedRefsData.error)
     return null
   }
 
-  const tags = getTags(validatedRefsData.data.all_loyalty_page, variables)
+  const tags = getTags(validatedRefsData.data.loyalty_page, variables)
 
   const response = await getResponse<GetLoyaltyPageBreadcrumbsData>(
     GetLoyaltyPageBreadcrumbs,
@@ -63,7 +63,7 @@ async function getLoyaltyPageBreadcrumbs(variables: Variables) {
     tags
   )
 
-  if (!response.data.all_loyalty_page.items[0].web?.breadcrumbs?.title) {
+  if (!response.data.loyalty_page.web?.breadcrumbs?.title) {
     return null
   }
 
@@ -72,14 +72,14 @@ async function getLoyaltyPageBreadcrumbs(variables: Variables) {
 
   if (!validatedBreadcrumbsData.success) {
     console.error(
-      `Failed to validate Loyaltypage Breadcrumbs Data - (url: ${variables.url})`
+      `Failed to validate Loyaltypage Breadcrumbs Data - (uid: ${variables.uid})`
     )
     console.error(validatedBreadcrumbsData.error)
     return null
   }
 
   return getBreadcrumbs(
-    validatedBreadcrumbsData.data.all_loyalty_page.items[0],
+    validatedBreadcrumbsData.data.loyalty_page,
     variables.locale
   )
 }
@@ -97,13 +97,13 @@ async function getContentPageBreadcrumbs(variables: Variables) {
 
   if (!validatedRefsData.success) {
     console.error(
-      `Failed to validate Contentpage Breadcrumbs Refs - (url: ${variables.url})`
+      `Failed to validate Contentpage Breadcrumbs Refs - (uid: ${variables.uid})`
     )
     console.error(validatedRefsData.error)
     return null
   }
 
-  const tags = getTags(validatedRefsData.data.all_content_page, variables)
+  const tags = getTags(validatedRefsData.data.content_page, variables)
 
   const response = await getResponse<GetContentPageBreadcrumbsData>(
     GetContentPageBreadcrumbs,
@@ -111,7 +111,7 @@ async function getContentPageBreadcrumbs(variables: Variables) {
     tags
   )
 
-  if (!response.data.all_content_page.items[0].web?.breadcrumbs?.title) {
+  if (!response.data.content_page.web?.breadcrumbs?.title) {
     return null
   }
 
@@ -120,14 +120,14 @@ async function getContentPageBreadcrumbs(variables: Variables) {
 
   if (!validatedBreadcrumbsData.success) {
     console.error(
-      `Failed to validate Contentpage Breadcrumbs Data - (url: ${variables.url})`
+      `Failed to validate Contentpage Breadcrumbs Data - (uid: ${variables.uid})`
     )
     console.error(validatedBreadcrumbsData.error)
     return null
   }
 
   return getBreadcrumbs(
-    validatedBreadcrumbsData.data.all_content_page.items[0],
+    validatedBreadcrumbsData.data.content_page,
     variables.locale
   )
 }
@@ -144,13 +144,13 @@ async function getMyPagesBreadcrumbs(variables: Variables) {
     )
   if (!validatedRefsData.success) {
     console.error(
-      `Failed to validate My Page Breadcrumbs Refs - (url: ${variables.url})`
+      `Failed to validate My Page Breadcrumbs Refs - (uid: ${variables.uid})`
     )
     console.error(validatedRefsData.error)
     return null
   }
 
-  const tags = getTags(validatedRefsData.data.all_account_page, variables)
+  const tags = getTags(validatedRefsData.data.account_page, variables)
 
   const response = await getResponse<GetMyPagesBreadcrumbsData>(
     GetMyPagesBreadcrumbs,
@@ -158,7 +158,7 @@ async function getMyPagesBreadcrumbs(variables: Variables) {
     tags
   )
 
-  if (!response.data.all_account_page.items[0].web?.breadcrumbs?.title) {
+  if (!response.data.account_page.web?.breadcrumbs?.title) {
     return []
   }
 
@@ -167,14 +167,14 @@ async function getMyPagesBreadcrumbs(variables: Variables) {
 
   if (!validatedBreadcrumbsData.success) {
     console.error(
-      `Failed to validate My Page Breadcrumbs Data - (url: ${variables.url})`
+      `Failed to validate My Page Breadcrumbs Data - (uid: ${variables.uid})`
     )
     console.error(validatedBreadcrumbsData.error)
     return null
   }
 
   return getBreadcrumbs(
-    validatedBreadcrumbsData.data.all_account_page.items[0],
+    validatedBreadcrumbsData.data.account_page,
     variables.locale
   )
 }
@@ -183,7 +183,7 @@ export const breadcrumbsQueryRouter = router({
   get: contentstackExtendedProcedureUID.query(async ({ ctx }) => {
     const variables = {
       locale: ctx.lang,
-      url: ctx.pathname,
+      uid: ctx.uid,
     }
 
     switch (ctx.contentType) {