Makes some document previews

src/components/documents/DocumentView.tsx

@@ -9,6 +9,7 @@ import { DocumentTitle } from "./DocumentTitle";
 import { Tab, TabbedLayout } from "../layout/TabbedLayout";
 import { DocumentEditForm } from "./DocumentEditForm";
 import { RelatedDocumentList } from "./RelatedDocumentList";
+import { DocumentPreview } from "./DocumentPreview";
 
 export function DocumentView({
   documentId,
@@ -59,6 +60,7 @@ export function DocumentView({
       tabs={[
         <Tab
           to="/document/$documentId"
+          key="attributes"
           params={{
             documentId,
           }}
@@ -68,6 +70,7 @@ export function DocumentView({
         ...relationshipList.map((relationshipEntry) => (
           <Tab
             to="/document/$documentId/$relationshipType"
+            key={relationshipEntry}
             params={{
               documentId,
               relationshipType: relationshipEntry,
@@ -101,5 +104,5 @@ function Flyout({ docId }: { docId: DocumentId }) {
 
   const doc = docResult.value.doc;
 
-  return <DocumentEditForm document={doc} />;
+  return <DocumentPreview doc={doc} />;
 }