default sorting on schemas

front/js/svelte/content/RecordRow.svelte

@@ -9,7 +9,8 @@
     export let users;
     export let graph;
     export let record;
-    export let sort;
+    export let sortParam;
+    export let sortField;
     export let visibleColumns;
 
 </script>
@@ -17,7 +18,7 @@
 {#each visibleColumns as field, index}
     <td
         class="field-ui-{field.info.name}"
-        class:is-sort={"-" + field.name == sort || field.name == sort}
+        class:is-sort={field.name === sortField.name}
     >
         <RenderField {record} {schema} {graph} {field}/>
     </td>
@@ -25,7 +26,7 @@
 {#if schema.visible.includes("status")}
     <td
         class="text-center"
-        class:is-sort={"-status" == sort || "status" == sort}
+        class:is-sort={"-status" == sortParam || "status" == sortParam}
     >
         <Status status={record.status}/>
     </td>
@@ -33,7 +34,7 @@
 {#if schema.visible.includes("_sys.createdBy")}
     <td
         class="text-center"
-        class:is-sort={"-_sys.createdBy" == sort || "_sys.createdBy" == sort}
+        class:is-sort={"-_sys.createdBy" == sortParam || "_sys.createdBy" == sortParam}
     >
         <Avatar name={usernameById(users, record._sys.createdBy)} side={24}/>
     </td>
@@ -41,18 +42,18 @@
 {#if schema.visible.includes("_sys.updatedBy")}
     <td
         class="text-center"
-        class:is-sort={"-_sys.updatedBy" == sort || "_sys.updatedBy" == sort}
+        class:is-sort={"-_sys.updatedBy" == sortParam || "_sys.updatedBy" == sortParam}
     >
         <Avatar name={usernameById(users, record._sys.updatedBy)} side={24}/>
     </td>
 {/if}
 {#if schema.visible.includes("_sys.createdAt")}
-    <td class:is-sort={"-_sys.createdAt" == sort || "_sys.createdAt" == sort}>
+    <td class:is-sort={"-_sys.createdAt" == sortParam || "_sys.createdAt" == sortParam}>
         {friendlyDate(record._sys.createdAt)}
     </td>
 {/if}
 {#if schema.visible.includes("_sys.updatedAt")}
-    <td class:is-sort={"-_sys.updatedAt" == sort || "_sys.updatedAt" == sort}>
+    <td class:is-sort={"-_sys.updatedAt" == sortParam || "_sys.updatedAt" == sortParam}>
         {friendlyDate(record._sys.updatedAt)}
     </td>
 {/if}