wip?

Author: RoyEJohnson

src/app/components/language-selector/language-selector.tsx

@@ -68,11 +68,11 @@ export function LanguageSelectorWrapper({children}: React.PropsWithChildren<Reco
 }
 
 export default function LanguageSelector({
-    LeadIn, otherLocales, LinkPresentation=LanguageLink, addPolish=false
+    LeadIn, otherLocales=[], LinkPresentation=LanguageLink, addPolish=false
 }: {
     LeadIn: () => React.JSX.Element;
-    otherLocales: string[];
-    LinkPresentation: LinkPresentationType;
+    otherLocales?: string[];
+    LinkPresentation?: LinkPresentationType;
     addPolish?: boolean;
 }) {
     if (addPolish) {

src/app/pages/a-page-template/a-page-template.scss

@@ -7,7 +7,14 @@ type FeaturedInRollup = {
     image: string;
 };
 
-// This will need more filling in as other components move to TSX
+export type TestimonialData = {
+    image: {
+        title: string;
+        file: string;
+    },
+    testimonial: string;
+};
+
 type PressPageData = {
     meta: object;
     title: string;
@@ -55,6 +62,7 @@ type PressPageData = {
             author: string;
         };
     };
+    testimonials: [TestimonialData[]]
 };
 
 function useContextValue() {

src/app/pages/a-page-template/a-page-template.tsx

@@ -1,20 +1,9 @@
 import React from 'react';
-import usePageContext from '../page-context';
+import usePageContext, {TestimonialData} from '../page-context';
 import ClippedImage from '~/components/clipped-image/clipped-image';
 import Carousel from '~/components/carousel/carousel';
 import './testimonials.scss';
 
-type ImageData = {
-    file: string;
-    title: string;
-};
-
-type TestimonialData = {
-    image?: ImageData;
-    testimonial: string;
-    description: string;
-};
-
 function Card({data}: {data: TestimonialData}) {
     const {image, testimonial} = data;
 
@@ -31,14 +20,19 @@ function Card({data}: {data: TestimonialData}) {
 }
 
 export default function Testimonials() {
-    const {testimonials: [testimonials]} = usePageContext();
+    const ctx = usePageContext();
+
+    if (!ctx) {
+        return null;
+    }
+    const {testimonials: [testimonials]} = ctx;
 
     return (
         <div className='content-block'>
             <h2>Making an impact</h2>
             <Carousel atATime={2} hoverTextThing='testimonials'>
                 {testimonials.map((c: TestimonialData) => (
-                    <Card data={c} key={c.description} />
+                    <Card data={c} key={c.image.file} />
                 ))}
             </Carousel>
         </div>

src/app/pages/press/page-context.tsx

@@ -26,6 +26,7 @@ type SubjectsPageData = {
     translations: Array<{value: LocaleEntry[]}>;
     books?: {
         bookState: string;
+        subjects: string[];
     }[];
     aboutBlurbs?: ReturnType<typeof aboutBlurbs>;
     heading: string;

src/app/pages/press/testimonials/testimonials.tsx

@@ -0,0 +1,3 @@
+import LanguageSelectorSection from './language-selector-section';
+
+export default LanguageSelectorSection;

src/app/pages/subjects/new/context.ts

@@ -9,7 +9,7 @@ import {AllSubjectsAboutOpenStax} from './about-openstax';
 import LoadSubject from './specific/specific';
 import './subjects.scss';
 
-const importLanguageSelector = () => import('./language-selector-section.js');
+const importLanguageSelector = () => import('./import-language-selector-section.js');
 const importSubjectsListing = () => import('./import-subjects-listing.js');
 const importTutorAd = () => import('./import-tutor-ad.js');
 const importInfoBoxes = () => import('./import-info-boxes.js');

src/app/pages/subjects/new/import-language-selector-section.js

@@ -23,7 +23,7 @@ export default function useCategorizedBooks(): CategorizedBooks {
         }
     };
 
-    for (const book of books) {
+    for (const book of books ?? []) {
         book.subjects.forEach((cmsCategory: string) => {
             if (!(cmsCategory in result)) {
                 result[cmsCategory] = [] as CategoryWithBooks;