Breadcrumb - Adding toggle to show/hide (#1065)

SSWConsulting · Jul 18, 2023 · 6ade005 · 6ade005
1 parent aad3a36
commit 6ade005
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 15 deletions.
diff --git a/.tina/__generated__/_graphql.json b/.tina/__generated__/_graphql.json
diff --git a/.tina/__generated__/_schema.json b/.tina/__generated__/_schema.json
diff --git a/.tina/collections/industry.tsx b/.tina/collections/industry.tsx
@@ -153,6 +153,11 @@ export const industrySchema: Collection = {
       label: "Page Subheading",
       name: "subHeading",
     },
+    {
+      type: "boolean",
+      name: "showBreadcrumb",
+      label: "Show Breadcrumb",
+    },
     {
       type: "image",
       label: "Banner Image",

diff --git a/.tina/collections/training.tsx b/.tina/collections/training.tsx
@@ -1,9 +1,9 @@
 import type { Collection } from "tinacms";
 import * as Schemas from "../../components/blocks";
+import { testimonialRowSchema } from "../../components/testimonials/TestimonialRow";
 import { trainingHeaderSchema } from "../../components/training/trainingHeader";
 import { seoSchema } from "../../components/util/seo";
 import { videoCardSchema } from "../../components/util/videoCards";
-import { testimonialRowSchema } from "../../components/testimonials/TestimonialRow";
 
 export const trainingSchema: Collection = {
   label: "Training Pages",
@@ -27,6 +27,11 @@ export const trainingSchema: Collection = {
       name: "title",
       label: "Title",
     },
+    {
+      type: "boolean",
+      name: "showBreadcrumb",
+      label: "Show Breadcrumb",
+    },
     {
       type: "boolean",
       name: "showTestimonials",

diff --git a/content/industry/finance.mdx b/content/industry/finance.mdx
@@ -7,6 +7,7 @@ seo:
   description: >-
     SSW designs personalized financial software solutions to enhance security,
     simplify compliance, and enrich your client relationships.
+showBreadcrumb: false
 ---
 
 ### Overview

diff --git a/content/training/internship-fullstack.mdx b/content/training/internship-fullstack.mdx
@@ -192,6 +192,7 @@ footer: >
 testimonials:
   tagline: Hear from some of our past students who are now working in the industry
 showTestimonials: true
+showBreadcrumb: false
 ---
 
 
@@ -203,3 +204,4 @@ showTestimonials: true
 
 
 
+
diff --git a/pages/industry/[filename].tsx b/pages/industry/[filename].tsx
@@ -55,11 +55,13 @@ export default function IndustryPage(
               sizes="100vw"
             />
           )}
-          <Breadcrumbs
-            path={removeExtension(props.variables.relativePath)}
-            suffix=""
-            title={pageData.seo.title}
-          />
+          {pageData.showBreadcrumb && (
+            <Breadcrumbs
+              path={removeExtension(props.variables.relativePath)}
+              suffix=""
+              title={pageData.seo.title}
+            />
+          )}
           <h1 className="mb-1 py-0 text-3xl">{pageData?.heading}</h1>
           <h2 className="!mt-1 pt-0 text-md font-light">
             {pageData?.subHeading}

diff --git a/pages/training/[filename].tsx b/pages/training/[filename].tsx
@@ -37,13 +37,15 @@ export default function TrainingPage(
       <Layout>
         <TrainingCarousel data={data.training.trainingHeaderCarousel} />
         <Container padding={"md:px-8 px-0"} className="pt-2">
-          <div className="px-8 md:px-8">
-            <Breadcrumbs
-              path={removeExtension(props.variables.relativePath)}
-              suffix={data.global.breadcrumbSuffix}
-              title={data.training?.seo?.title}
-            />
-          </div>
+          {data.training.showBreadcrumb && (
+            <div className="px-8 md:px-8">
+              <Breadcrumbs
+                path={removeExtension(props.variables.relativePath)}
+                suffix={data.global.breadcrumbSuffix}
+                title={data.training?.seo?.title}
+              />
+            </div>
+          )}
           <h1
             className="py-0 text-center text-5xl font-semibold"
             dangerouslySetInnerHTML={{ __html: data.training.title }}