scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/1525-info-card-themes (pull request #1300)

Browse Source 
feat(SW-1525): Add theme support for InfoCard component

* feat(1525): Add theme support for InfoCard component

* refactor(1525): Update InfoCard theme typing


Approved-by: Christian Andolf
This commit is contained in:
Chuma Mcphoy (We Ahead)
2025-02-11 10:40:23 +00:00
parent 6eb01750e8
commit 3c4d08a894
4 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components/Blocks/CardsGrid.tsx
View File

@@ -64,6 +64,7 @@ export default function CardsGrid({
heading={card.heading} heading={card.heading}
bodyText={card.bodyText} bodyText={card.bodyText}
image={card.image} image={card.image}
theme={card.theme ?? "one"}
primaryButton={card.primaryButton} primaryButton={card.primaryButton}
secondaryButton={card.secondaryButton} secondaryButton={card.secondaryButton}
imagePosition={index % 2 === 0 ? "right" : "left"} imagePosition={index % 2 === 0 ? "right" : "left"}

1
lib/graphql/Fragments/Blocks/InfoCard.graphql
View File

@@ -16,6 +16,7 @@ fragment InfoCardBlock on InfoCard {
body_text body_text
image image
title title
theme
primary_button { primary_button {
is_contentstack_link is_contentstack_link

3
server/routers/contentstack/schemas/blocks/cards/infoCard.ts
View File

@@ -5,6 +5,7 @@ import { systemSchema } from "../../system"
import { buttonSchema } from "../utils/buttonLinkSchema" import { buttonSchema } from "../utils/buttonLinkSchema"
import { linkConnectionRefsSchema } from "../utils/linkConnection" import { linkConnectionRefsSchema } from "../utils/linkConnection"
import { INFO_CARD_THEMES } from "@/types/components/blocks/infoCard"
import { CardsEnum } from "@/types/enums/cards" import { CardsEnum } from "@/types/enums/cards"
export const infoCardBlockSchema = z.object({ export const infoCardBlockSchema = z.object({
@@ -13,6 +14,7 @@ export const infoCardBlockSchema = z.object({
heading: z.string().optional().default(""), heading: z.string().optional().default(""),
body_text: z.string().optional().default(""), body_text: z.string().optional().default(""),
image: tempImageVaultAssetSchema, image: tempImageVaultAssetSchema,
theme: z.enum(INFO_CARD_THEMES).nullable(),
title: z.string().optional(), title: z.string().optional(),
primary_button: buttonSchema.optional().nullable(), primary_button: buttonSchema.optional().nullable(),
secondary_button: buttonSchema.optional().nullable(), secondary_button: buttonSchema.optional().nullable(),
@@ -26,6 +28,7 @@ export function transformInfoCardBlock(card: typeof infoCardBlockSchema._type) {
heading: card.heading, heading: card.heading,
bodyText: card.body_text, bodyText: card.body_text,
image: card.image, image: card.image,
theme: card.theme,
title: card.title, title: card.title,
primaryButton: card.primary_button?.href ? card.primary_button : undefined, primaryButton: card.primary_button?.href ? card.primary_button : undefined,
secondaryButton: card.secondary_button?.href secondaryButton: card.secondary_button?.href

8
types/components/blocks/infoCard.ts
View File

@@ -9,6 +9,14 @@ type CardTheme = Exclude<
"image" "image"
> >
export const INFO_CARD_THEMES = [
"one",
"two",
"three",
"primaryInverted",
"primaryStrong",
] as const satisfies readonly CardTheme[]
export interface InfoCardProps { export interface InfoCardProps {
scriptedTopTitle?: string scriptedTopTitle?: string
heading: string heading: string