show thumbnail in picker if available

SenseNet · Sep 8, 2023 · 4484697 · 4484697
1 parent 21faf9e
commit 4484697
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/packages/sn-controls-react/src/fieldcontrols/reference-grid/reference-picker.tsx b/packages/sn-controls-react/src/fieldcontrols/reference-grid/reference-picker.tsx
@@ -1,5 +1,6 @@
 import { Avatar, DialogActions, DialogContent, LinearProgress } from '@material-ui/core'
 import { ODataParams, Repository } from '@sensenet/client-core'
+import { PathHelper } from '@sensenet/client-utils'
 import { Folder, Image, ReferenceFieldSetting, User } from '@sensenet/default-content-types'
 import { GenericContentWithIsParent, Picker, PickerProps } from '@sensenet/pickers-react'
 import React, { useMemo } from 'react'
@@ -63,7 +64,7 @@ export const ReferencePicker: React.FC<ReferencePickerProps<GenericContentWithIs
       )
     }
 
-    if (props.repository.schemas.isContentFromType<Image>(item, 'Image')) {
+    if (props.repository.schemas.isContentFromType<Image>(item, 'Image') && (!item.PageCount || item.PageCount <= 0)) {
       return (
         <img
           data-test="reference-selection-image"
@@ -74,6 +75,23 @@ export const ReferencePicker: React.FC<ReferencePickerProps<GenericContentWithIs
       )
     }
 
+    if (props.repository.schemas.isContentFromType<Image>(item, 'Image') && item.PageCount && item.PageCount > 0) {
+      return (
+        <img
+          data-test="reference-selection-image"
+          alt={item.DisplayName}
+          src={PathHelper.joinPaths(
+            props.repository.configuration.repositoryUrl,
+            item.Path,
+            '/Previews',
+            item.Version as string,
+            'thumbnail1.png',
+          )}
+          style={{ width: '3em', height: '3em', objectFit: 'scale-down' }}
+        />
+      )
+    }
+
     if (props.renderIcon) {
       return props.renderIcon(item)
     }