Function DocumentPage

data-browser/src/views/DocumentPage.tsx:33–50

({ resource }: ResourcePageProps)

/** A full page, editable document, consisting of Elements */
export function DocumentPage({ resource }: ResourcePageProps): JSX.Element {
  const [canWrite, canWriteMessage] = useCanWrite(resource);
  const [editMode, setEditMode] = useState(canWrite);

  React.useEffect(() => {
    setEditMode(canWrite);
  }, [canWrite]);

  return (
    <DocumentWrapper about={resource.getSubject()}>
      {editMode ? (
        <DocumentPageEdit resource={resource} setEditMode={setEditMode} />
      ) : (
        <DocumentPageShow resource={resource} setEditMode={setEditMode} />
      )}
    </DocumentWrapper>
  );
}

type DocumentSubPageProps = {
  resource: Resource;