add icon selection for page sections

This commit is contained in:
2024-08-09 16:54:45 +02:00
parent bdaf35347a
commit 2a0c91711c
6 changed files with 65 additions and 29 deletions

View File

@ -8,18 +8,16 @@ export const PageSectionBlock = ({
}: {
block: PageSectionBlockType;
}) => {
// TODO: add icon selection to model
// TODO: there's a block.backgroundColor
const anchor = slugify(block.title);
return (
<section className={styles.pageSection}>
<section
className={styles.pageSection}
data-background-color={block.backgroundColor}
>
<div className={styles.anchor} id={anchor}></div>
<div className={styles.sectionHeader}>
<div className={styles.icon}>
<img src="/assets/icons/neufneuf.svg" />
</div>
<div className={styles.icon} data-icon={block.icon ?? "none"} />
<h2>{block.title}</h2>
</div>
<Blocks blocks={block.body} />