fix: refactor navigation of webview pages and add redirect to refresh
This commit is contained in:
67
app/[lang]/webview/my-pages/page.tsx
Normal file
67
app/[lang]/webview/my-pages/page.tsx
Normal file
@@ -0,0 +1,67 @@
|
||||
import "@/app/globals.css"
|
||||
import "@scandic-hotels/design-system/style.css"
|
||||
|
||||
import { notFound, redirect } from "next/navigation"
|
||||
|
||||
import { Lang } from "@/constants/languages"
|
||||
import { overview } from "@/constants/routes/webviews"
|
||||
import { _ } from "@/lib/translation"
|
||||
import { serverClient } from "@/lib/trpc/server"
|
||||
|
||||
import MaxWidth from "@/components/MaxWidth"
|
||||
import Content from "@/components/MyPages/AccountPage/Webview/Content"
|
||||
import Link from "@/components/TempDesignSystem/Link"
|
||||
import Title from "@/components/Title"
|
||||
|
||||
import styles from "./page.module.css"
|
||||
|
||||
import type { LangParams, PageArgs, UriParams } from "@/types/params"
|
||||
|
||||
function getLink(lang: Lang, uri: string) {
|
||||
if (uri === overview[lang]) {
|
||||
return {
|
||||
title: _("Go to points"),
|
||||
href: `/${lang}/webview/my-pages/points`,
|
||||
}
|
||||
} else {
|
||||
return {
|
||||
title: _("Go to membership overview"),
|
||||
href: `/${lang}/webview/my-pages/overview`,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default async function MyPages({
|
||||
params,
|
||||
searchParams,
|
||||
}: PageArgs<LangParams, UriParams>) {
|
||||
if (!searchParams.uri) {
|
||||
return notFound()
|
||||
}
|
||||
|
||||
const accountPage = await serverClient({
|
||||
onError() {
|
||||
const returnUrl = new URLSearchParams({
|
||||
returnurl: `${params.lang}/webview/${searchParams.uri}`,
|
||||
})
|
||||
|
||||
const refreshUrl = `/${params.lang}/webview/refresh?${returnUrl.toString()}`
|
||||
redirect(refreshUrl)
|
||||
},
|
||||
}).contentstack.accountPage.get({
|
||||
url: searchParams.uri,
|
||||
lang: params.lang,
|
||||
})
|
||||
|
||||
const link = getLink(params.lang, searchParams.uri)
|
||||
|
||||
return (
|
||||
<MaxWidth className={styles.blocks} tag="main">
|
||||
<header>
|
||||
<Title as="h2">{_("Welcome")}</Title>
|
||||
<Link href={link.href}>{link.title}</Link>
|
||||
</header>
|
||||
<Content lang={params.lang} content={accountPage.content} />
|
||||
</MaxWidth>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user