Fixes tab loading
This commit is contained in:
@@ -2,46 +2,27 @@ import { RelationshipList } from "@/components/RelationshipList";
|
||||
import { DocumentEditForm } from "@/components/documents/DocumentEditForm";
|
||||
import { pb } from "@/lib/pocketbase";
|
||||
import { displayName } from "@/lib/relationships";
|
||||
import {
|
||||
RelationshipType,
|
||||
type AnyDocument,
|
||||
type Relationship,
|
||||
} from "@/lib/types";
|
||||
import { RelationshipType, type AnyDocument } from "@/lib/types";
|
||||
import { Tab, TabGroup, TabList, TabPanel, TabPanels } from "@headlessui/react";
|
||||
import { createFileRoute, Link } from "@tanstack/react-router";
|
||||
import _ from "lodash";
|
||||
|
||||
export const Route = createFileRoute(
|
||||
"/_app/_authenticated/document/$documentId",
|
||||
)({
|
||||
loader: async ({ params }) => {
|
||||
const doc = await pb.collection("documents").getOne(params.documentId);
|
||||
const relationships: Relationship[] = await pb
|
||||
.collection("relationships")
|
||||
.getFullList({
|
||||
filter: `primary = "${params.documentId}"`,
|
||||
expand: "secondary",
|
||||
});
|
||||
console.log("Fetched data: ", relationships);
|
||||
return {
|
||||
document: doc,
|
||||
relationships: _.mapValues(
|
||||
_.groupBy(relationships, (r) => r.type),
|
||||
(rs: Relationship[]) => rs.flatMap((r) => r.expand?.secondary),
|
||||
),
|
||||
};
|
||||
},
|
||||
component: RouteComponent,
|
||||
});
|
||||
|
||||
function RouteComponent() {
|
||||
const { document, relationships } = Route.useLoaderData() as {
|
||||
const { document } = Route.useLoaderData() as {
|
||||
document: AnyDocument;
|
||||
relationships: Record<RelationshipType, AnyDocument[]>;
|
||||
};
|
||||
|
||||
console.log("Parsed data: ", relationships);
|
||||
|
||||
const relationshipList = [
|
||||
RelationshipType.Scenes,
|
||||
RelationshipType.Secrets,
|
||||
@@ -76,7 +57,6 @@ function RouteComponent() {
|
||||
key={relationshipType}
|
||||
root={document}
|
||||
relationshipType={relationshipType}
|
||||
items={relationships[relationshipType] ?? []}
|
||||
/>
|
||||
</TabPanel>
|
||||
))}
|
||||
|
||||
@@ -46,7 +46,6 @@ function RouteComponent() {
|
||||
return (
|
||||
<div className="fill-w py-8 columns-2 gap-8 text-sm">
|
||||
<SessionPrintRow session={session}></SessionPrintRow>
|
||||
|
||||
{[
|
||||
RelationshipType.Scenes,
|
||||
RelationshipType.Secrets,
|
||||
|
||||
Reference in New Issue
Block a user