Add editable tagline to testimonial component (#1031)

SSWConsulting · Jul 17, 2023 · 88142e7 · 88142e7
1 parent f251cfd
commit 88142e7
Show file tree

Hide file tree

Showing 11 changed files with 122 additions and 6 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/__generated__/formGroup.module-5FN2Y3T3.css b/.tina/__generated__/formGroup.module-5FN2Y3T3.css
diff --git a/.tina/__generated__/popup.module-6BC6KIGZ.css b/.tina/__generated__/popup.module-6BC6KIGZ.css
diff --git a/.tina/__generated__/training.module-IJDVUL7D.css b/.tina/__generated__/training.module-IJDVUL7D.css
diff --git a/.tina/collections/consulting.tsx b/.tina/collections/consulting.tsx
@@ -2,6 +2,7 @@ import * as Schemas from "../../components/blocks";
 import { seoSchema } from "../../components/util/seo";
 
 import type { Collection } from "tinacms";
+import { testimonialRowSchema } from "../../components/testimonials/TestimonialRow";
 
 export const consultingIndexSchema: Collection = {
   label: "Consulting - Index",
@@ -175,6 +176,8 @@ export const consultingSchema: Collection = {
   fields: [
     // @ts-ignore
     seoSchema,
+    // @ts-ignore
+    testimonialRowSchema,
     {
       type: "object",
       label: "Booking",

diff --git a/.tina/collections/training.tsx b/.tina/collections/training.tsx
@@ -3,6 +3,7 @@ import * as Schemas from "../../components/blocks";
 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",
@@ -19,6 +20,8 @@ export const trainingSchema: Collection = {
     seoSchema,
     // @ts-ignore
     trainingHeaderSchema,
+    // @ts-ignore
+    testimonialRowSchema,
     {
       type: "string",
       name: "title",

diff --git a/components/testimonials/TestimonialRow.tsx b/components/testimonials/TestimonialRow.tsx
@@ -3,12 +3,13 @@ import { TinaMarkdown } from "tinacms/dist/rich-text";
 import { Rating } from "../util/consulting/rating";
 import { Container } from "../util/container";
 
-export const TestimonialRow = ({ testimonialsResult }) => {
+export const TestimonialRow = ({ testimonialsResult, tagline }) => {
   return (
     <Container size="custom">
-      <h2 className="mb-8 text-center">
+      <h2 className="mb-2 text-center">
         What do people <span className="text-sswRed">say</span>?
       </h2>
+      <p className="mb-8 text-center">{tagline}</p>
       <div className="grid gap-6 md:grid-cols-3">
         {testimonialsResult?.map((testimonial, i) => (
           <TestimonialCard key={i} testimonial={testimonial} />
@@ -49,3 +50,16 @@ const TestimonialCard = ({ testimonial }) => {
     </div>
   );
 };
+
+export const testimonialRowSchema = {
+  type: "object",
+  label: "Testimonials",
+  name: "testimonials",
+  fields: [
+    {
+      type: "string",
+      label: "Tagline",
+      name: "tagline",
+    },
+  ],
+};
diff --git a/content/training/internship-fullstack.mdx b/content/training/internship-fullstack.mdx
@@ -189,6 +189,8 @@ footer: >
   <SubNewsletterRow headerText="Subscribe to get notified about <span
   class='font-bold text-sswRed'>SSW training programs</span>"
   subscribeSubTitle="Get the most popular courses from our developers" />
+testimonials:
+  tagline: Hear from some of our past students who are now working in the industry
 showTestimonials: true
 ---
 
@@ -201,4 +203,3 @@ showTestimonials: true
 
 
 
-
diff --git a/pages/consulting/[filename].tsx b/pages/consulting/[filename].tsx
@@ -104,7 +104,10 @@ export default function ConsultingPage(
             ) : (
               <></>
             )}
-            <TestimonialRow testimonialsResult={props.testimonialsResult} />
+            <TestimonialRow
+              testimonialsResult={props.testimonialsResult}
+              tagline={data.consulting.testimonials?.tagline}
+            />
             <BookingButton {...bookingButtonProps} containerClass="mt-20" />
           </Container>
         </Section>

diff --git a/pages/training/[filename].tsx b/pages/training/[filename].tsx
@@ -63,6 +63,7 @@ export default function TrainingPage(
                 <div className="mx-auto flex max-w-9xl flex-col items-center">
                   <TestimonialRow
                     testimonialsResult={props.testimonialResult}
+                    tagline={data.training.testimonials?.tagline}
                   />
                 </div>
               </Container>