The section mixed Structure Before Crisis art with the Community Rules booklet; pairing each title to its own cover and PDF, and cropping the Figma cover padding, keeps the two cards consistent. Co-authored-by: Cursor <cursoragent@cursor.com>
43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
import Book from "../../app/components/sections/Book";
|
|
import {
|
|
ASSETS,
|
|
getAssetPath,
|
|
governanceBookletPath,
|
|
structureBeforeCrisisPath,
|
|
} from "../../lib/assetUtils";
|
|
import messages from "../../messages/en/pages/about.json";
|
|
|
|
export default {
|
|
title: "Components/Sections/Book",
|
|
component: Book,
|
|
parameters: {
|
|
layout: "fullscreen",
|
|
backgrounds: { default: "dark" },
|
|
},
|
|
};
|
|
|
|
const structureBeforeCrisis = messages.structureBeforeCrisis;
|
|
const communityRules = messages.communityRules;
|
|
|
|
export const Default = {
|
|
args: {
|
|
title: structureBeforeCrisis.title,
|
|
description: structureBeforeCrisis.description,
|
|
buttonText: structureBeforeCrisis.buttonText,
|
|
buttonHref: getAssetPath(structureBeforeCrisisPath()),
|
|
imageSrc: getAssetPath(ASSETS.STRUCTURE_BEFORE_CRISIS_COVER),
|
|
imageAlt: structureBeforeCrisis.imageAlt,
|
|
},
|
|
};
|
|
|
|
export const CommunityRules = {
|
|
args: {
|
|
title: communityRules.title,
|
|
description: communityRules.description,
|
|
buttonText: communityRules.buttonText,
|
|
buttonHref: getAssetPath(governanceBookletPath()),
|
|
imageSrc: getAssetPath(ASSETS.COMMUNITY_RULES_COVER),
|
|
imageAlt: communityRules.imageAlt,
|
|
},
|
|
};
|