cleanup

front/js/svelte/records/previews/PreviewFile.svelte

@@ -3,9 +3,6 @@
 
     import { createEventDispatcher, getContext } from "svelte";
     import Preview from "../../files/Preview.svelte";
-    import { previewTitle } from "./../Preview";
-    import { fileurl, htmlurl } from "../../files/imageserver.js";
-    import Status from "./../Status.svelte";
     import Dropdown from "../../common/Dropdown.svelte";
 
     const dispatch = createEventDispatcher();

front/js/svelte/records/previews/PreviewReference.svelte

@@ -1,8 +1,7 @@
 <script>
     import Icon from "../../common/Icon.svelte";
 
-    import {createEventDispatcher, getContext} from "svelte";
-    import {previewTitle} from "./../Preview";
+    import { createEventDispatcher, getContext } from "svelte";
     import Status from "./../Status.svelte";
     import Preview from "../../files/Preview.svelte";
 
@@ -12,10 +11,15 @@
     export let record;
     export let hasDelete = false;
 
-    let schema = channel.schemas.find((aschema) => aschema.name === record.schema);
-    let cardTitle = previewTitle(channel.schemas, record, graph);
-    const cardImageEdge = graph.edges.find(e => e.source === record.id  && e.field === schema.cardImage);
-    let cardImageRecord = graph.records.find(r => r.id === cardImageEdge?.target);
+    let schema = channel.schemas.find(
+        (aschema) => aschema.name === record.schema,
+    );
+    const cardImageEdge = graph.edges.find(
+        (e) => e.source === record.id && e.field === schema.cardImage,
+    );
+    let cardImageRecord = graph.records.find(
+        (r) => r.id === cardImageEdge?.target,
+    );
 
     function remove(e) {
         e.preventDefault();
@@ -23,43 +27,35 @@
     }
 </script>
 
-
 <div class="preview-reference">
     <div style="display: flex;align-items: center;gap: 10px;">
-
         {#if cardImageRecord}
             <div class="image">
-                <Preview record={cardImageRecord} size="small"/>
+                <Preview record={cardImageRecord} size="small" />
             </div>
         {/if}
         <div class="title">
             <div>
                 <a
-                        class="record-title"
-                        href="{channel.lucentUrl}/records/{record.id}"
+                    class="record-title"
+                    href="{channel.lucentUrl}/records/{record.id}"
                 >
-                    {cardTitle}
+                    {record.data.name}
                 </a>
                 <small class="d-block">
                     from {schema.label}
                     {#if record.status === "draft"}
-                        <Status status={record.status}/>
+                        <Status status={record.status} />
                     {/if}
                 </small>
-
             </div>
-
         </div>
     </div>
     {#if hasDelete}
         <div class="reference-action">
-            <button
-                    class="button"
-                    on:click={remove}
-            >
-                <Icon icon="trash-can"/>
+            <button class="button" on:click={remove}>
+                <Icon icon="trash-can" />
             </button>
         </div>
     {/if}
 </div>
-