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 45 46 | import { Heading } from "@chakra-ui/react";
import { FunctionComponent } from "react";
import { NavLink, useLocation, useParams } from "react-router-dom";
import { PackageDocsError } from "./PackageDocsError";
import { usePackageState } from "./PackageState";
import { Markdown } from "../../components/Markdown";
const usePackageTypeDocs = () => {
const { typeId }: { typeId?: string } = useParams();
const { apiReference } = usePackageState();
if (typeId) {
return apiReference?.[typeId];
}
return;
};
export const PackageTypeDocs: FunctionComponent<{ rootId: string }> = ({
rootId,
}) => {
const { pathname, hash, search } = useLocation();
const {
isLoadingDocs,
assembly: { data: assembly },
} = usePackageState();
const docs = usePackageTypeDocs();
if (isLoadingDocs) {
return null;
} else if (!docs || !assembly) {
return <PackageDocsError />;
}
const { title, content } = docs;
const url = `${pathname}${search}#${hash}`;
return (
<>
<Heading as="h2" p={8} size="2xl">
<NavLink id={rootId} to={url}>
{title}
</NavLink>
</Heading>
<Markdown repository={assembly.repository}>{content}</Markdown>
</>
);
};
|