added view collection type

ui/src/components/records/RecordInfo.svelte

@@ -1,11 +1,23 @@
 <script>
     import CommonHelper from "@/utils/CommonHelper";
     import tooltip from "@/actions/tooltip";
+    import { collections } from "@/stores/collections";
+    import RecordFileThumb from "@/components/records/RecordFileThumb.svelte";
 
     export let record;
     export let displayFields = [];
 
-    $: displayValue = CommonHelper.displayValue(record, displayFields);
+    $: collection = $collections?.find((item) => item.id == record?.collectionId);
+
+    $: fileDisplayFields =
+        displayFields?.filter((name) => {
+            return !!collection?.schema?.find((field) => field.name == name && field.type == "file");
+        }) || [];
+
+    $: textDisplayFields =
+        (!fileDisplayFields.length
+            ? displayFields
+            : displayFields?.filter((name) => !fileDisplayFields.includes(name))) || [];
 </script>
 
 <div class="record-info">
@@ -21,7 +33,16 @@
             position: "left",
         }}
     />
-    <span class="txt txt-ellipsis">{CommonHelper.truncate(displayValue, 150)}</span>
+
+    {#each fileDisplayFields as name}
+        {#if record[name]}
+            <RecordFileThumb {record} filename={record[name]} size="xs" />
+        {/if}
+    {/each}
+
+    <span class="txt txt-ellipsis">
+        {CommonHelper.truncate(CommonHelper.displayValue(record, textDisplayFields), 70)}
+    </span>
 </div>
 
 <style lang="scss">
@@ -36,5 +57,8 @@
         > * {
             line-height: inherit;
         }
+        :global(.thumb) {
+            box-shadow: none;
+        }
     }
 </style>