bc84122a40
Trying out a new pattern for errors in data fetching. Next.js is not a fan of throwing errors. Instead it recommends returning different shapes for each state. Ref: https://nextjs.org/docs/app/building-your-application/routing/error-handling#handling-expected-errors-from-server-components It requires some more detailing and a bit more refactoring in non webview part, but it is a start. This webview specific implementation should not break web.
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import { Fragment } from "react"
|
|
|
|
import { logout } from "@/constants/routes/handleAuth"
|
|
import { serverClient } from "@/lib/trpc/server"
|
|
|
|
import Divider from "@/components/TempDesignSystem/Divider"
|
|
import Link from "@/components/TempDesignSystem/Link"
|
|
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
|
|
import { getIntl } from "@/i18n"
|
|
|
|
import styles from "./sidebar.module.css"
|
|
|
|
import type { LangParams } from "@/types/params"
|
|
|
|
export default async function SidebarMyPages({ lang }: LangParams) {
|
|
const navigation = await serverClient().contentstack.myPages.navigation.get()
|
|
const { formatMessage } = await getIntl()
|
|
if (!navigation) {
|
|
return null
|
|
}
|
|
return (
|
|
<aside className={styles.sidebar}>
|
|
<nav className={styles.nav}>
|
|
<Subtitle type="two">{navigation.title}</Subtitle>
|
|
{navigation.menuItems.map((menuItem, idx) => (
|
|
<Fragment key={`${menuItem.display_sign_out_link}-${idx}`}>
|
|
<Divider color="beige" />
|
|
<ul className={styles.list}>
|
|
{menuItem.links.map((link) => (
|
|
<li key={link.uid}>
|
|
<Link
|
|
color="burgundy"
|
|
href={link.originalUrl || link.url}
|
|
partialMatch
|
|
size={menuItem.display_sign_out_link ? "small" : "regular"}
|
|
variant="sidebar"
|
|
>
|
|
{link.linkText}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
{menuItem.display_sign_out_link ? (
|
|
<li>
|
|
<Link
|
|
color="burgundy"
|
|
href={logout[lang]}
|
|
prefetch={false}
|
|
size="small"
|
|
variant="sidebar"
|
|
>
|
|
{formatMessage({ id: "Log out" })}
|
|
</Link>
|
|
</li>
|
|
) : null}
|
|
</ul>
|
|
</Fragment>
|
|
))}
|
|
</nav>
|
|
</aside>
|
|
)
|
|
}
|