chore (SW-834): Upgrade to Next 15 * wip: apply codemod and upgrade swc plugin * wip: design-system to react 19, fix issues from async (search)params * wip: fix remaining issues from codemod serverClient is now async because context use headers() getLang is now async because it uses headers() * Minor cleanup * Inline react-material-symbols package Package is seemingly not maintained any more and doesn't support React 19. This copies the package source into `design-system`, makes the necessary changes for 19 and export it for others to use. * Fix missing awaits * Disable modal exit animations Enabling modal exit animations via isExiting prop is causing modals to be rendered in "hidden" state and never unmount. Seems to be an issue with react-aria-components, see https://github.com/adobe/react-spectrum/issues/7563. Can probably be fixed by rewriting to a solution similar to https://react-spectrum.adobe.com/react-aria/examples/framer-modal-sheet.html * Remove unstable cache implementation and use in memory cache locally * Fix ref type in SelectFilter * Use cloneElement to add key prop to element Approved-by: Linus Flood
78 lines
2.1 KiB
TypeScript
78 lines
2.1 KiB
TypeScript
import { headers } from "next/headers"
|
|
import { redirect } from "next/navigation"
|
|
|
|
import { overview } from "@/constants/routes/myPages"
|
|
import { getProfile } from "@/lib/trpc/memoizedRequests"
|
|
|
|
import { auth } from "@/auth"
|
|
import { getIntl } from "@/i18n"
|
|
import { getLang } from "@/i18n/serverContext"
|
|
import { isValidSession } from "@/utils/session"
|
|
|
|
export async function ProtectedLayout({ children }: React.PropsWithChildren) {
|
|
const intl = await getIntl()
|
|
const session = await auth()
|
|
/**
|
|
* Fallback to make sure every route nested in the
|
|
* protected route group is actually protected.
|
|
*/
|
|
const headersList = await headers()
|
|
const lang = await getLang()
|
|
const redirectTo = encodeURIComponent(
|
|
headersList.get("x-url") ?? headersList.get("x-pathname") ?? overview[lang]
|
|
)
|
|
|
|
const redirectURL = `/${lang}/login?redirectTo=${redirectTo}`
|
|
|
|
if (!isValidSession(session)) {
|
|
console.log(`[layout:protected] no session, redirecting to: ${redirectURL}`)
|
|
redirect(redirectURL)
|
|
}
|
|
|
|
const user = await getProfile()
|
|
|
|
if (user && "error" in user) {
|
|
// redirect(redirectURL)
|
|
console.error("[layout:protected] error in user", user)
|
|
console.error(
|
|
"[layout:protected] full user: ",
|
|
JSON.stringify(user, null, 4)
|
|
)
|
|
switch (user.cause) {
|
|
case "unauthorized": // fall through
|
|
case "forbidden": // fall through
|
|
case "token_expired":
|
|
console.error(
|
|
`[layout:protected] user error, redirecting to: ${redirectURL}`
|
|
)
|
|
redirect(redirectURL)
|
|
case "notfound":
|
|
console.error(`[layout:protected] notfound user loading error`)
|
|
break
|
|
case "unknown":
|
|
console.error(`[layout:protected] unknown user loading error`)
|
|
break
|
|
default:
|
|
console.error(`[layout:protected] unhandled user loading error`)
|
|
break
|
|
}
|
|
return (
|
|
<p>
|
|
{intl.formatMessage({
|
|
defaultMessage: "Something went wrong!",
|
|
})}
|
|
</p>
|
|
)
|
|
}
|
|
|
|
if (!user) {
|
|
console.error(
|
|
"[layout:protected] no user found, redirecting to: ",
|
|
redirectURL
|
|
)
|
|
redirect(redirectURL)
|
|
}
|
|
|
|
return children
|
|
}
|