chore: Move to Typescript (#2783)
This PR moves the entire project to Typescript. Due to the ~1000 ignores this will lead to a messy codebase for a while, but the churn is worth it – all of those ignore comments are places that were never type-safe previously. closes #1282
This commit is contained in:
60
app/scenes/Document/components/PublicBreadcrumb.tsx
Normal file
60
app/scenes/Document/components/PublicBreadcrumb.tsx
Normal file
@@ -0,0 +1,60 @@
|
||||
import * as React from "react";
|
||||
import Breadcrumb from "~/components/Breadcrumb";
|
||||
import { NavigationNode } from "~/types";
|
||||
|
||||
type Props = {
|
||||
documentId: string;
|
||||
shareId: string;
|
||||
sharedTree: NavigationNode | undefined;
|
||||
children?: React.ReactNode;
|
||||
};
|
||||
|
||||
function pathToDocument(
|
||||
sharedTree: NavigationNode | undefined,
|
||||
documentId: string
|
||||
) {
|
||||
let path: NavigationNode[] = [];
|
||||
|
||||
const traveler = (
|
||||
nodes: NavigationNode[],
|
||||
previousPath: NavigationNode[]
|
||||
) => {
|
||||
nodes.forEach((childNode) => {
|
||||
const newPath = [...previousPath, childNode];
|
||||
|
||||
if (childNode.id === documentId) {
|
||||
path = newPath;
|
||||
return;
|
||||
}
|
||||
|
||||
return traveler(childNode.children, newPath);
|
||||
});
|
||||
};
|
||||
|
||||
if (sharedTree) {
|
||||
traveler([sharedTree], []);
|
||||
}
|
||||
|
||||
return path;
|
||||
}
|
||||
|
||||
const PublicBreadcrumb = ({
|
||||
documentId,
|
||||
shareId,
|
||||
sharedTree,
|
||||
children,
|
||||
}: Props) => {
|
||||
const items = React.useMemo(
|
||||
() =>
|
||||
pathToDocument(sharedTree, documentId)
|
||||
.slice(0, -1)
|
||||
.map((item) => {
|
||||
return { ...item, to: `/share/${shareId}${item.url}` };
|
||||
}),
|
||||
[sharedTree, shareId, documentId]
|
||||
);
|
||||
|
||||
return <Breadcrumb items={items} children={children} />;
|
||||
};
|
||||
|
||||
export default PublicBreadcrumb;
|
||||
Reference in New Issue
Block a user