Merge pull request #10938 from wellcomecollection/render-exhibition-t…

…ext-field Render exhibition text field
wellcomecollection · Jun 14, 2024 · 57bfd59 · 57bfd59
2 parents 829ae94 + 9b5b83a
commit 57bfd59
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/common/views/slices/GuideTextItem/index.tsx b/common/views/slices/GuideTextItem/index.tsx
@@ -20,6 +20,7 @@ const GuideTextItem: FunctionComponent<GuideTextItemProps> = ({
       title={transformedSlice.title}
       tombstone={transformedSlice.tombstone}
       caption={transformedSlice.caption}
+      additionalNotes={transformedSlice.additional_notes}
     />
   );
 };

diff --git a/content/webapp/components/GuideTextItem/GuideTextItem.tsx b/content/webapp/components/GuideTextItem/GuideTextItem.tsx
@@ -7,7 +7,7 @@ import { Container } from '@weco/common/views/components/styled/Container';
 import {
   TombstoneTitle,
   Tombstone,
-  CaptionTranscription as CaptionWrapper,
+  CaptionTranscription as Wrapper,
   Caption,
 } from '@weco/content/components/ExhibitionCaptions/ExhibitionCaptions.Stop';
 
@@ -16,7 +16,8 @@ const GuideTextItem: FunctionComponent<{
   title: string;
   tombstone?: prismic.RichTextField;
   caption?: prismic.RichTextField;
-}> = ({ number, title, tombstone, caption }) => {
+  additionalNotes?: prismic.RichTextField;
+}> = ({ number, title, tombstone, caption, additionalNotes }) => {
   return (
     <Space
       id={number ? `stop-${number}` : undefined}
@@ -33,12 +34,15 @@ const GuideTextItem: FunctionComponent<{
           )}
         </Tombstone>
 
-        {caption && (
-          <CaptionWrapper>
-            <Caption>
-              <PrismicHtmlBlock html={caption} />
-            </Caption>
-          </CaptionWrapper>
+        {(caption || additionalNotes) && (
+          <Wrapper>
+            {additionalNotes && <PrismicHtmlBlock html={additionalNotes} />}
+            {caption && (
+              <Caption>
+                <PrismicHtmlBlock html={caption} />
+              </Caption>
+            )}
+          </Wrapper>
         )}
       </Container>
     </Space>

diff --git a/content/webapp/services/prismic/transformers/exhibition-texts.ts b/content/webapp/services/prismic/transformers/exhibition-texts.ts
@@ -88,6 +88,7 @@ type GuideTextItem = {
   title: string;
   caption: prismic.RichTextField | undefined;
   tombstone: prismic.RichTextField | undefined;
+  additional_notes: prismic.RichTextField | undefined;
 };
 
 export function transformGuideTextItemSlice(
@@ -102,6 +103,9 @@ export function transformGuideTextItemSlice(
     caption: slice.primary.caption
       ? asRichText(slice.primary.caption)
       : undefined,
+    additional_notes: slice.primary.additional_notes
+      ? asRichText(slice.primary.additional_notes)
+      : undefined,
   };
 }