feat: add card grid component

This commit is contained in:
Christel Westerberg
2024-04-26 08:19:19 +02:00
parent 2ddabf1e50
commit 00f30811cf
33 changed files with 575 additions and 121 deletions

View File

@@ -1,19 +1,70 @@
import { DocumentNode } from "graphql"
import { NextResponse } from "next/server"
import { findLang } from "@/constants/languages"
import { env } from "@/env/server"
import GetContentTypeUid from "@/lib/graphql/Query/ContentTypeUid.graphql"
import type { NextMiddleware } from "next/server"
import { MiddlewareMatcher } from "@/types/middleware"
enum PageTypeEnum {
CurrentBlocksPage = "CurrentBlocksPage",
LoyaltyPage = "LoyaltyPage",
ContentPage = "contentPage",
}
type GetContentTypeUidType = {
all_content_page: {
items: {
__typename: PageTypeEnum.ContentPage
}[]
}
all_loyalty_page: {
items: {
__typename: PageTypeEnum.LoyaltyPage
}[]
}
all_current_blocks_page: {
items: {
__typename?: PageTypeEnum.CurrentBlocksPage
}[]
}
}
type PageType = keyof typeof PageTypeEnum
export const middleware: NextMiddleware = async (request) => {
const { nextUrl } = request
const lang = findLang(nextUrl.pathname)
const contentType = "loyaltyPage"
const pathNameWithoutLang = nextUrl.pathname.replace(`/${lang}`, "")
const searchParams = new URLSearchParams(request.nextUrl.searchParams)
const print = (await import("graphql/language/printer")).print
const result = await fetch(env.CMS_URL, {
method: "POST",
headers: {
access_token: env.CMS_ACCESS_TOKEN,
"Content-Type": "application/json",
},
body: JSON.stringify({
query: print(GetContentTypeUid as DocumentNode),
variables: {
locale: lang,
url: pathNameWithoutLang,
},
}),
})
const pageTypeData = await result.json()
const pageType = pageTypeData.data as GetContentTypeUidType
const contentType = Object.values(pageType)
.map((val) => val.items[0])
.find((item) => item?.__typename)?.__typename
if (request.nextUrl.pathname.includes("preview")) {
searchParams.set("uri", pathNameWithoutLang.replace("/preview", ""))
return NextResponse.rewrite(
@@ -23,14 +74,14 @@ export const middleware: NextMiddleware = async (request) => {
searchParams.set("uri", pathNameWithoutLang)
switch (contentType) {
// case "currentContentPage":
// return NextResponse.rewrite(
// new URL(
// `/${lang}/current-content-page?${searchParams.toString()}`,
// nextUrl
// )
// )
case "loyaltyPage":
case PageTypeEnum.CurrentBlocksPage:
return NextResponse.rewrite(
new URL(
`/${lang}/current-content-page?${searchParams.toString()}`,
nextUrl
)
)
case PageTypeEnum.LoyaltyPage:
return NextResponse.rewrite(
new URL(`/${lang}/loyalty-page?${searchParams.toString()}`, nextUrl)
)