Fix case sensitive screen alphabetical sorting

2020-11-09 08:43:36 +00:00 · 2020-11-09 08:43:36 +00:00 · 9af8b04c99
parent b2738f3177
commit 9af8b04c99
1 changed files with 6 additions and 4 deletions
--- a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
@ -10,9 +10,11 @@

  export let screens = []

-  $: sortedScreens = screens.sort((s1, s2) =>
-    s1.props._instanceName > s2.props._instanceName ? 1 : -1
-  )
+  $: sortedScreens = screens.sort((s1, s2) => {
+    const name1 = s1.props._instanceName?.toLowerCase() ?? ""
+    const name2 = s2.props._instanceName?.toLowerCase() ?? ""
+    return name1 > name2 ? 1 : -1
+  })
  /*
  Using a store here seems odd.... 
  have a look in the <ComponentsHierarchyChildren /> code file to find out why.