fix(BOOK-436): Added new section component and deprecated the other

Approved-by: Chuma Mcphoy (We Ahead)
This commit is contained in:
Erik Tiekstra
2025-10-13 08:31:26 +00:00
parent 7bd75f01e4
commit 339e7195dc
34 changed files with 245 additions and 177 deletions

View File

@@ -2,8 +2,8 @@ import * as webHrefs from "@/constants/webHrefs"
import { serverClient } from "@/lib/trpc/server"
import ShortcutsListItems from "@/components/Blocks/ShortcutsList/ShortcutsListItems"
import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"
import { Section } from "@/components/Section"
import SectionHeader from "@/components/Section/Header/Deprecated"
import { getIntl } from "@/i18n"
import { getLang } from "@/i18n/serverContext"
@@ -99,35 +99,33 @@ export default async function MyPagesOverviewShortcuts() {
const scandicFriendsShortcuts = buildFriendsShortcuts(navigation)
return (
<SectionContainer>
<section className={styles.section}>
<div className={styles.column}>
<SectionHeader
title={intl.formatMessage({
defaultMessage: "Your Membership",
})}
headingAs="h4"
headingLevel="h3"
/>
<ShortcutsListItems
shortcutsListItems={membershipShortcuts}
className={styles.shortcuts}
/>
</div>
<div className={styles.column}>
<SectionHeader
title={intl.formatMessage({
defaultMessage: "Scandic Friends Links",
})}
headingAs="h4"
headingLevel="h3"
/>
<ShortcutsListItems
shortcutsListItems={scandicFriendsShortcuts}
className={styles.shortcuts}
/>
</div>
</section>
</SectionContainer>
<Section className={styles.section}>
<div className={styles.column}>
<SectionHeader
title={intl.formatMessage({
defaultMessage: "Your Membership",
})}
headingAs="h4"
headingLevel="h3"
/>
<ShortcutsListItems
shortcutsListItems={membershipShortcuts}
className={styles.shortcuts}
/>
</div>
<div className={styles.column}>
<SectionHeader
title={intl.formatMessage({
defaultMessage: "Scandic Friends Links",
})}
headingAs="h4"
headingLevel="h3"
/>
<ShortcutsListItems
shortcutsListItems={scandicFriendsShortcuts}
className={styles.shortcuts}
/>
</div>
</Section>
)
}