All files / apps/web/src/pages/_protected/debts $id.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
 
 
 
332x
 
 
58x
58x
58x
 
 
58x
 
 
 
77x
 
 
 
 
import { createFileRoute } from "@tanstack/react-router";
 
import { DebtScreen } from "~app/features/debt/debt-screen";
import { getTitle } from "~web/utils/i18n";
import { getLoaderTrpcClient } from "~web/utils/trpc";
 
export const Route = createFileRoute("/_protected/debts/$id")({
	component: DebtScreen,
	loader: async (ctx) => {
		await ctx.context.i18nContext.loadNamespaces("debts");
		const trpc = getLoaderTrpcClient(ctx.context);
		const debt = await ctx.context.queryClient.fetchQuery(
			trpc.debts.get.queryOptions({ id: ctx.params.id }),
		);
		await ctx.context.queryClient.prefetchQuery(
			trpc.peers.get.queryOptions({ id: debt.peerId }),
		);
	},
	head: ({ match }) => ({
		meta: [{ title: getTitle(match.context.i18nContext, "debt") }],
	}),
});