feat: implement authenticated resource handling for image and PDF previews via AuthImage and AuthIframe components

2026-05-10 22:30:27 +02:00
parent 1ed3afd2e2
commit 76ce4cf900
5 changed files with 129 additions and 23 deletions
@@ -1,8 +1,9 @@
 import { useState, useCallback, useEffect } from 'react';
-import { Modal, Input, List, Image, Typography, Space, Pagination, Spin, Button } from 'antd';
+import { Modal, Input, List, Typography, Space, Pagination, Spin, Button } from 'antd';
 import { SearchOutlined, CheckOutlined } from '@ant-design/icons';
 import { paperlessApi } from '../api/paperless';
 import { getEnv } from '../utils/env';
+import { AuthImage } from '../utils/auth-resource';
 import dayjs from 'dayjs';

 const { Text } = Typography;
@@ -88,12 +89,11 @@ export default function DocumentSearchModal({ open, onCancel, onSelect }: Props)
            >
              <List.Item.Meta
                avatar={
-                  <Image
+                  <AuthImage
                    src={`${getEnv('VITE_API_URL')}/api/paperless/inbox/preview/${doc.id}`}
                    width={80}
                    height={110}
                    style={{ objectFit: 'cover', borderRadius: 4, border: '1px solid #f0f0f0' }}
-                    preview={false}
                  />
                }
                title={doc.title}