Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 44 | 332x 54x 40x 40x 40x 37x 83x 40x 53x | import { createFileRoute } from "@tanstack/react-router";
import { DebtsScreen } from "~app/features/debts/debts-screen";
import { withDefaultLimit } from "~app/utils/store/limit";
import { SETTINGS_STORE_NAME } from "~app/utils/store/settings";
import { getTitle } from "~web/utils/i18n";
import { searchParamsWithDefaults } from "~web/utils/navigation";
import { prefetchQueriesWith } from "~web/utils/ssr";
import { getLoaderTrpcClient } from "~web/utils/trpc";
export const Route = createFileRoute("/_protected/debts/")({
component: DebtsScreen,
...searchParamsWithDefaults("/_protected/debts/"),
loaderDeps: ({ search: { offset, limit } }) => ({
offset,
limit,
}),
loader: async (ctx) => {
await ctx.context.i18nContext.loadNamespaces("debts");
const trpc = getLoaderTrpcClient(ctx.context);
const prefetched = await prefetchQueriesWith(
ctx,
() =>
ctx.context.queryClient.fetchQuery(
trpc.debts.getPeersPaged.queryOptions({
limit: withDefaultLimit(ctx.deps.limit, ctx.context),
cursor: ctx.deps.offset,
filters: {
showResolved:
ctx.context.initialValues[SETTINGS_STORE_NAME]
.showResolvedDebts,
},
}),
),
({ items }) =>
items.map((peerId) => trpc.debts.getAllPeer.queryOptions({ peerId })),
);
return { prefetched };
},
head: ({ match }) => ({
meta: [{ title: getTitle(match.context.i18nContext, "debts") }],
}),
});
|