-
Notifications
You must be signed in to change notification settings - Fork 0
/
[handle].server.tsx
43 lines (36 loc) · 1.11 KB
/
[handle].server.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import {Suspense} from 'react';
import {PageHeader} from '~/components';
import {NotFound, Layout} from '~/components/index.server';
import {BuilderComponent} from '~/components/BuilderComponent.client';
import {useQuery} from '@shopify/hydrogen';
import {builder} from '@builder.io/react';
builder.init('3636687a3f434e1fb3bf09ca71639c49');
const MODEL_NAME = 'page';
export default function Page(props: any) {
const content = useQuery([MODEL_NAME, props.pathname], async () => {
return await builder
.get(MODEL_NAME, {
userAttributes: {
urlPath: props.pathname,
},
})
.promise();
});
const params = new URLSearchParams(props.search);
const isPreviewing = params.has('builder.preview');
console.log(content);
return (
<div>
{!content.data && !isPreviewing ? (
<NotFound></NotFound>
) : (
<Layout>
<Suspense></Suspense>
<PageHeader heading={content?.data?.data?.title}>
<BuilderComponent model={MODEL_NAME} content={content?.data} />
</PageHeader>
</Layout>
)}
</div>
);
}