mimetype

frontend/src/documents/panel/DocumentsPanel.tsx

@@ -38,7 +38,7 @@ interface DocumentsPanelProps extends DocumentsPanelInnerProps {
 
 const defaultGetDocumentAsset = (_doc?: unknown, _type?: string) => null;
 
-export type DocumentLinkLike = { url?: string | null; contentType?: string | null };
+export type DocumentLinkLike = { url?: string | null; mimeType?: string | null };
 
 const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   headerLeading = null,
@@ -257,7 +257,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   const isDeskView = viewMode === 'desk';
 
   type Identifier = string | number;
-  type ZoomSource = { url: string; alt?: string | null; contentType?: string | null };
+type ZoomSource = { url: string; alt?: string | null; mimeType?: string | null };
 
   const [previewDocId, setPreviewDocId] = useState<Identifier | null>(null);
 
@@ -290,9 +290,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
         cancelled = true;
       };
     }
-    const docContentType = previewDoc.content_type;
-    const versionContentType = previewDoc.current_version?.content_type;
-    const contentFallback = docContentType || versionContentType || null;
+    const documentMimeType = previewDoc.mime_type;
 
     const applyEntry = (entry?: DocumentLinkLike | null) => {
       if (!entry?.url) {
@@ -302,7 +300,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
       setPreviewZoomSource({
         url: entry.url,
         alt: previewDoc.title,
-        contentType: entry.contentType || contentFallback || undefined,
+        mimeType: documentMimeType,
       });
     };