fix: load data beforeRender for projectCount

opral · Feb 27, 2024 · 294bfa4 · 294bfa4
1 parent 6f3670e
commit 294bfa4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/inlang/source-code/website/src/pages/index/+Page.tsx b/inlang/source-code/website/src/pages/index/+Page.tsx
@@ -10,7 +10,8 @@ import Personas from "./custom_section/Personas/index.jsx"
 import LixSection from "./custom_section/Lix/index.jsx"
 import Features from "./custom_section/Features.jsx"
 
-export default function Page(props: { projectCount: number }) {
+export default function Page() {
+	const projectCount = currentPageContext.data.projectCount
 	return (
 		<>
 			<Title>{m.inlang_global_title()}</Title>
@@ -46,7 +47,7 @@ export default function Page(props: { projectCount: number }) {
 				rel="canonical"
 			/>
 			<MarketplaceLayout>
-				<HeroSearch projectCount={props.projectCount} />
+				<HeroSearch projectCount={projectCount} />
 				<Features />
 				<Personas />
 				{/* <ExtendSection /> */}

diff --git a/inlang/source-code/website/src/renderer/+onBeforeRoute.ts b/inlang/source-code/website/src/renderer/+onBeforeRoute.ts
@@ -2,12 +2,13 @@ import type { LanguageTag } from "@inlang/sdk"
 import { sourceLanguageTag, availableLanguageTags } from "#src/paraglide/runtime.js"
 import type { PageContext } from "vike/types"
 
-export default function onBeforeRoute(pageContext: PageContext) {
+export default function onBeforeRoute(pageContext: PageContext, data?: { projectCount: string }) {
 	const { url: urlWithoutLanguageTag, languageTag } = i18nRouting(pageContext.urlOriginal)
 	return {
 		pageContext: {
 			languageTag,
 			urlOriginal: urlWithoutLanguageTag,
+			data,
 		},
 	}
 }

diff --git a/inlang/source-code/website/src/renderer/+onRenderHtml.tsx b/inlang/source-code/website/src/renderer/+onRenderHtml.tsx
@@ -10,7 +10,7 @@ import { MetaProvider, renderTags } from "@solidjs/meta"
 import { languageTag } from "#src/paraglide/runtime.js"
 
 // See https://vike.dev/data-fetching
-export const passToClient = ["pageProps", "routeParams", "languageTag"] as const
+export const passToClient = ["pageProps", "routeParams", "languageTag", "data"] as const
 
 export default async function onRenderHtml(pageContext: PageContextRenderer): Promise<unknown> {
 	//! TODO most likely cross request state pollution

diff --git a/inlang/source-code/website/src/renderer/types.ts b/inlang/source-code/website/src/renderer/types.ts
@@ -13,6 +13,7 @@ export type PageContextRenderer<PageProps = Record<string, unknown>> =
 		pageProps: PageProps
 		languageTag: string
 		meta: any
+		data: any
 	}
 
 /**
@@ -49,5 +50,6 @@ export type PageContext<PageProps = Record<string, unknown>> = Pick<
 export type OnBeforeRender<PageProps> = (pageContext: PageContextRenderer) => Promise<{
 	pageContext: {
 		pageProps: PageProps
+		data: any
 	}
 }>