62 lines
2.0 KiB
JavaScript
62 lines
2.0 KiB
JavaScript
// @flow
|
|
import * as React from "react";
|
|
import { type Match } from "react-router-dom";
|
|
import DataLoader from "./components/DataLoader";
|
|
import Document from "./components/Document";
|
|
import SocketPresence from "./components/SocketPresence";
|
|
import useCurrentTeam from "hooks/useCurrentTeam";
|
|
import useCurrentUser from "hooks/useCurrentUser";
|
|
import useStores from "hooks/useStores";
|
|
import { type LocationWithState } from "types";
|
|
|
|
type Props = {|
|
|
location: LocationWithState,
|
|
match: Match,
|
|
|};
|
|
|
|
export default function DocumentScene(props: Props) {
|
|
const { ui } = useStores();
|
|
const team = useCurrentTeam();
|
|
const user = useCurrentUser();
|
|
|
|
React.useEffect(() => {
|
|
return () => ui.clearActiveDocument();
|
|
}, [ui]);
|
|
|
|
const { documentSlug, revisionId } = props.match.params;
|
|
|
|
// the urlId portion of the url does not include the slugified title
|
|
// we only want to force a re-mount of the document component when the
|
|
// document changes, not when the title does so only this portion is used
|
|
// for the key.
|
|
const urlParts = documentSlug ? documentSlug.split("-") : [];
|
|
const urlId = urlParts.length ? urlParts[urlParts.length - 1] : undefined;
|
|
const key = [urlId, revisionId].join("/");
|
|
const isMultiplayer = team.collaborativeEditing;
|
|
|
|
return (
|
|
<DataLoader key={key} match={props.match}>
|
|
{({ document, isEditing, ...rest }) => {
|
|
const isActive =
|
|
!document.isArchived && !document.isDeleted && !revisionId;
|
|
|
|
// TODO: Remove once multiplayer is 100% rollout, SocketPresence will
|
|
// no longer be required
|
|
if (isActive && !isMultiplayer) {
|
|
return (
|
|
<SocketPresence
|
|
documentId={document.id}
|
|
userId={user.id}
|
|
isEditing={isEditing}
|
|
>
|
|
<Document document={document} match={props.match} {...rest} />
|
|
</SocketPresence>
|
|
);
|
|
}
|
|
|
|
return <Document document={document} match={props.match} {...rest} />;
|
|
}}
|
|
</DataLoader>
|
|
);
|
|
}
|