Title

island-is · Jan 9, 2025 · d414970 · d414970
1 parent cf75073
commit d414970
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/apps/web/components/Organization/Slice/OverviewLinks/OverviewLinks.tsx b/apps/web/components/Organization/Slice/OverviewLinks/OverviewLinks.tsx
@@ -174,8 +174,13 @@ export const OverviewLinksSlice: React.FC<
     >
       <GridContainer>
         {slice.hasBorderAbove && <BorderAbove />}
-        {cardView && <CardView slice={slice} />}
-        {!cardView && <ImageView slice={slice} />}
+        <Stack space={3}>
+          {Boolean(slice.titleAbove) && (
+            <Text variant="h3">{slice.titleAbove}</Text>
+          )}
+          {cardView && <CardView slice={slice} />}
+          {!cardView && <ImageView slice={slice} />}
+        </Stack>
       </GridContainer>
     </section>
   )

diff --git a/apps/web/screens/queries/fragments.ts b/apps/web/screens/queries/fragments.ts
@@ -496,6 +496,7 @@ export const slices = gql`
   fragment OverviewLinksField on OverviewLinks {
     __typename
     id
+    titleAbove
     hasBorderAbove
     cardLinks {
       title

diff --git a/libs/cms/src/lib/models/overviewLinks.model.ts b/libs/cms/src/lib/models/overviewLinks.model.ts
@@ -23,6 +23,9 @@ export class OverviewLinks {
   @Field(() => ID)
   id!: string
 
+  @Field({ nullable: true })
+  titleAbove?: string
+
   @CacheField(() => [IntroLinkImage])
   overviewLinks!: Array<IntroLinkImage>
 
@@ -42,6 +45,7 @@ export const mapOverviewLinks = ({
 }: IOverviewLinks): SystemMetadata<OverviewLinks> => ({
   typename: 'OverviewLinks',
   id: sys.id,
+  title: fields.displayedTitle ?? '',
   overviewLinks: (fields.overviewLinks ?? [])
     .filter((link) => link.sys.contentType.sys.id === 'introLinkImage')
     .map((link) => mapIntroLinkImage(link as IIntroLinkImage)),