Display permissions on category and map topic pages (#49291)

rachmari · web-flow · commit 973adcc8f49f · 2024-02-21T01:22:55.000Z
diff --git a/src/frame/components/context/TocLandingContext.tsx b/src/frame/components/context/TocLandingContext.tsx
@@ -16,6 +16,7 @@ export type TocLandingContextT = {
   title: string
   intro: string
   productCallout: string
+  permissions: string
   tocItems: Array<TocItem>
   variant?: 'compact' | 'expanded'
   featuredLinks: Record<string, Array<FeaturedLink>>
@@ -39,12 +40,12 @@ export const getTocLandingContextFromRequest = (req: any): TocLandingContextT =>
   return {
     title: req.context.page.title,
     productCallout: req.context.page.product || '',
+    permissions: req.context.page.permissions || '',
     intro: req.context.page.intro,
     tocItems: (req.context.genericTocFlat || req.context.genericTocNested || []).map((obj: any) =>
       pick(obj, ['fullPath', 'title', 'intro', 'childTocItems']),
     ),
     variant: req.context.genericTocFlat ? 'expanded' : 'compact',
-
     featuredLinks: getFeaturedLinksFromReq(req),
     renderedPage: req.context.renderedPage,
     currentLearningTrack: req.context.currentLearningTrack,
diff --git a/src/landings/components/TocLanding.tsx b/src/landings/components/TocLanding.tsx
@@ -27,6 +27,7 @@ export const TocLanding = () => {
     featuredLinks,
     renderedPage,
     currentLearningTrack,
+    permissions,
   } = useTocLandingContext()
   const { t } = useTranslation('toc')
 
@@ -46,7 +47,7 @@ export const TocLanding = () => {
 
           {intro && <Lead data-search="lead">{intro}</Lead>}
 
-          <PermissionsStatement product={productCallout} />
+          <PermissionsStatement product={productCallout} permissions={permissions} />
 
           <div className="border-bottom border-xl-0 pb-4 mb-5 pb-xl-2 mb-xl-2" />
 
