app/routes/admin.kb.item.tsx

Functions

Imports

It imports app/components/admin/kb-file-editor.tsx, app/components/admin/kb-form.tsx, app/kb/editor-route.server.ts. No module of this repo imports it.

Source

1import { KbFileEditor } from "~/components/admin/kb-file-editor";
2import { KbFormEditor } from "~/components/admin/kb-form";
3import { kbEditorAction, kbEditorLoader } from "~/kb/editor-route.server";
4
5import type { Route } from "./+types/admin.kb.item";
6
7/* One lab registry item's file, edited and saved through the registry save (docs/KNOWLEDGE-BASE.md, step 3). */
8
9export function meta({ params }: Route.MetaArgs) {
10  return [{ title: `Edit ${params.kind}/${params.id} · Knowledge Base · Admin` }, { name: "robots", content: "noindex" }];
11}
12
13export function loader(args: Route.LoaderArgs) {
14  return kbEditorLoader(args, { type: "item", kind: args.params.kind, id: args.params.id });
15}
16
17export function action(args: Route.ActionArgs) {
18  return kbEditorAction(args, { type: "item", kind: args.params.kind, id: args.params.id });
19}
20
21export default function EditItem({ loaderData, actionData }: Route.ComponentProps) {
22  const { file, form, view, saved, created } = loaderData;
23  // The form is the editor; the file itself is behind Advanced (?view=file).
24  if (view === "form" && form) {
25    return <KbFormEditor key={file.sha} file={file} form={form} saved={saved} created={created} actionData={actionData} />;
26  }
27  return <KbFileEditor key={file.sha} file={file} saved={saved} actionData={actionData} />;
28}