From 337ad2968fa9898543a1a8dc56c01778bc292d5e Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sat, 6 Nov 2021 20:17:22 +0100
Subject: [PATCH] db diff UI

---
 packages/web/src/tabs/CompareModelTab.svelte | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/tabs/CompareModelTab.svelte b/packages/web/src/tabs/CompareModelTab.svelte
index 6505bc422..522d62c8b 100644
--- a/packages/web/src/tabs/CompareModelTab.svelte
+++ b/packages/web/src/tabs/CompareModelTab.svelte
@@ -51,6 +51,20 @@
     onClick: () => getCurrentEditor().refreshModels(),
     testEnabled: () => getCurrentEditor() != null,
   });
+
+  function stateOrder(state) {
+    switch (state) {
+      case 'added':
+        return 1;
+      case 'changed':
+        return 2;
+      case 'removed':
+        return 3;
+      case 'equal':
+        return 4;
+    }
+    return 5;
+  }
 </script>
 
 <script lang="ts">
@@ -296,7 +310,7 @@
 
       <div class="tableWrapper">
         <ScrollableTableControl
-          rows={diffRows}
+          rows={_.sortBy(diffRows, x => stateOrder(x.state))}
           bind:selectedIndex={pairIndex}
           selectable
           disableFocusOutline