refactor: reuse query code for both loyalty and account pages

components/ContentType/LoyaltyPage.tsx

@@ -1,4 +1,5 @@
 import { serverClient } from "@/lib/trpc/server"
+import { PageTypes } from "@/server/routers/contentstack/breadcrumbs/input"
 
 import { auth } from "@/auth"
 import { Blocks } from "@/components/Loyalty/Blocks"
@@ -18,7 +19,7 @@ export default async function LoyaltyPage({ lang }: LangParams) {
 
   return (
     <>
-      {session ? <Breadcrumbs b={true} /> : null}
+      {session && <Breadcrumbs pageType={PageTypes.Loyalty} />}
       <section className={styles.content}>
         {session ? (
           <Sidebar lang={lang} />

components/MyPages/Breadcrumbs/index.tsx

@@ -1,20 +1,16 @@
 import { _ } from "@/lib/translation"
 import { serverClient } from "@/lib/trpc/server"
+import { PageTypes } from "@/server/routers/contentstack/breadcrumbs/input"
 
 import Breadcrumb from "./Breadcrumb"
 import BreadcrumbsWithLink from "./BreadcrumbWithLink"
 
 import styles from "./breadcrumbs.module.css"
 
-type bool = {
-  b?: Boolean
-}
-export default async function Breadcrumbs({ b = false }: bool) {
-  let breadcrumbs
-  if (!b)
-    breadcrumbs = await serverClient().contentstack.breadcrumbs.getAccountPage()
-  else
-    breadcrumbs = await serverClient().contentstack.breadcrumbs.getLoyaltyPage()
+export default async function Breadcrumbs({ pageType = PageTypes.Account }) {
+  const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
+    pageType,
+  })
   return (
     <nav className={styles.breadcrumbs}>
       <ul className={styles.list}>