scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(WEB-127): add trpc to handle requests both serverside and clientside

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-03-20 16:39:11 +01:00
parent 2087ac6c91
commit ec4da5798b
31 changed files with 422 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Current/Footer/index.tsx
View File

@@ -1,4 +1,4 @@
import { request } from "@/lib/request"
import { request } from "@/lib/graphql/request"
import { GetFooter } from "@/lib/graphql/Query/Footer.graphql"
import Image from "@/components/Image"

23
components/Current/Header/index.tsx
View File

@@ -1,8 +1,11 @@
import { languages } from "@/constants/languages"
import { batchRequest } from "@/lib/batchRequest"
import { request } from "@/lib/request"
import { batchRequest } from "@/lib/graphql/batchRequest"
import { request } from "@/lib/graphql/request"
import { GetHeader } from "@/lib/graphql/Query/Header.graphql"
import { GetDaDeEnUrls, GetFiNoSvUrls } from "@/lib/graphql/Query/LanguageSwitcher.graphql"
import {
GetDaDeEnUrls,
GetFiNoSvUrls,
} from "@/lib/graphql/Query/LanguageSwitcher.graphql"
import { homeHrefs } from "@/constants/homeHrefs"
import { env } from "@/env/server"
@@ -24,7 +27,11 @@ export default async function Header({ lang, uid }: LangParams & HeaderProps) {
uid,
}
const { data } = await request<HeaderQueryData>(GetHeader, { locale: lang }, { tags: [`header-${lang}`] })
const { data } = await request<HeaderQueryData>(
GetHeader,
{ locale: lang },
{ tags: [`header-${lang}`] }
)
const { data: urls } = await batchRequest<LanguageSwitcherQueryData>([
{
document: GetDaDeEnUrls,
@@ -44,10 +51,12 @@ export default async function Header({ lang, uid }: LangParams & HeaderProps) {
const currentLanguage = languages[lang]
const homeHref = homeHrefs[env.NODE_ENV][lang]
const { frontpage_link_text, logoConnection, menu, top_menu } = data.all_header.items[0]
const { frontpage_link_text, logoConnection, menu, top_menu } =
data.all_header.items[0]
const logo = logoConnection.edges?.[0]?.node
const topMenuMobileLinks = top_menu.links.filter(link => link.show_on_mobile)
.sort((a, b) => a.sort_order_mobile < b.sort_order_mobile ? 1 : -1)
const topMenuMobileLinks = top_menu.links
.filter((link) => link.show_on_mobile)
.sort((a, b) => (a.sort_order_mobile < b.sort_order_mobile ? 1 : -1))
return (
<header className={styles.header} role="banner">