fix sort

front/js/svelte/records/elements/File.svelte

@@ -12,11 +12,10 @@
     export let graph
 
     let browseModal;
-
     $: references = graph?.edges
         .filter((edge) => edge.field === field.name)
         .map((edge) => {
-            return graph.records.find((increc) => increc.id == edge.target && record.id == edge.source);
+            return graph.records.find((increc) => increc.id === edge.target && record.id === edge.source);
         }).filter((rec) => (rec?.id ? true : false)) ?? [];
 
     let collections = channel.schemas.filter((aschema) =>
@@ -36,7 +35,9 @@
     }
 
     async function reorder(e) {
-        graph.edges = await sortByField(e.detail.source, e.detail.target, graph.edges, field.name);
+
+        graph.edges = await sortByField(e.detail.source, e.detail.target, graph.edges, field.name, references);
+
     }
 
     function insert(e) {
@@ -68,18 +69,18 @@
 <div class="mb-0">
     {#if field.collections.length === 1}
         <button
-            class="btn btn-outline-primary"
-            on:click={(e) => openBrowseModal(e, collections[0].name)}
+                class="btn btn-outline-primary"
+                on:click={(e) => openBrowseModal(e, collections[0].name)}
         >
             Browse
         </button>
     {:else}
         <div class="dropdown d-inline-block">
             <button
-                class="btn btn-outline-primary btn-sm"
-                type="button"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
+                    class="btn btn-outline-primary btn-sm"
+                    type="button"
+                    data-bs-toggle="dropdown"
+                    aria-expanded="false"
             >
                 Browse
             </button>
@@ -88,10 +89,10 @@
                     <li>
                         <!-- {`${channelurl}/content/${collection.name}?parent=${record.id}&parentfield=${field.name}`} -->
                         <a
-                            class="dropdown-item"
-                            on:click={(e) =>
+                                class="dropdown-item"
+                                on:click={(e) =>
                                 openBrowseModal(e, collection.name)}
-                            href="/">{collection.label}</a
+                                href="/">{collection.label}</a
                         >
                     </li>
                 {/each}
@@ -104,10 +105,10 @@
         {#each references as reference (reference.id)}
             <div class="col mb-3">
                 <PreviewCard
-                    classes="h-100"
-                    record={reference}
-                    hasDelete={true}
-                    on:remove={removeReference}
+                        classes="h-100"
+                        record={reference}
+                        hasDelete={true}
+                        on:remove={removeReference}
                 />
             </div>
         {/each}