Fixed book list loading

SU-SWS · May 8, 2024 · fb5873e · fb5873e
1 parent 8299109
commit fb5873e
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 23 deletions.
diff --git a/src/components/paragraphs/sup-carousel/sup-carousel-paragraph.tsx b/src/components/paragraphs/sup-carousel/sup-carousel-paragraph.tsx
@@ -35,11 +35,20 @@ const SupCarouselParagraph = ({paragraph, isTopBanner, ...props}: Props) => {
 }
 
 const Slide = ({slideParagraph}: { slideParagraph: ParagraphSupCarouselSlide }) => {
+  const bgImage = slideParagraph.supSlideBgImage.mediaImage;
   const slideTitle = slideParagraph.supSlideTitle || slideParagraph.supSlideBook?.title
-  const image = slideParagraph.supSupImage?.mediaImage || slideParagraph.supSlideBook?.supBookImage?.mediaImage;
+  const image = slideParagraph.supSlideImage?.mediaImage || slideParagraph.supSlideBook?.supBookImage?.mediaImage;
 
   return (
-    <article aria-labelledby={slideParagraph.id} className="centered-container">
+    <article aria-labelledby={slideParagraph.id} className="relative centered-container">
+      <Image
+        className="object-cover"
+        src={bgImage.url}
+        alt={""}
+        fill
+        sizes="100vw"
+      />
+
       <div className="xl:flex gap-10 xl:w-2/3 mx-auto">
         {image &&
           <div className="relative aspect-[9/16] w-1/3">

diff --git a/src/lib/gql/__generated__/drupal.d.ts b/src/lib/gql/__generated__/drupal.d.ts
diff --git a/src/lib/gql/__generated__/queries.ts b/src/lib/gql/__generated__/queries.ts
diff --git a/src/lib/gql/entity-queries.drupal.gql b/src/lib/gql/entity-queries.drupal.gql
@@ -91,7 +91,11 @@ query AllNodes($first: Int = 1000, $nodeSupBooks: Cursor, $nodeStanfordCourses:
 query Books($first: Int = 1000, $after: Cursor) {
     nodeSupBooks(first: $first, after: $after, sortKey: CREATED_AT) {
         nodes {
-            ...FragmentNodeSupBookTeaser
+            ...FragmentNodeInterface
+            supBookAuthors {
+                ...FragmentNameType
+            }
+            supBookWorkIdNumber
         }
         pageInfo {
             ...FragmentPageInfo

diff --git a/src/lib/gql/fragments-paragraph.drupal.gql b/src/lib/gql/fragments-paragraph.drupal.gql
@@ -206,7 +206,10 @@ fragment FragmentParagraphSupCarouselSlide on ParagraphSupCarouselSlide {
     supSlideSubtitle
     supSlideTitle
     supSlideTitleSize
-    supSupImage {
+    supSlideImage {
+        ...FragmentMediaImage
+    }
+    supSlideBgImage {
         ...FragmentMediaImage
     }
 }
@@ -271,7 +274,6 @@ fragment FragmentParagraphUnion on ParagraphUnion {
     ...FragmentParagraphStanfordLayout
     ...FragmentParagraphSupCarousel
     ...FragmentParagraphSupFileList
-    ...FragmentParagraphSupCarouselSlide
     ...FragmentParagraphSupAuthorList
     ...FragmentParagraphSupSearchForm
     ...FragmentParagraphSupBlogTeaser