Fix #973 (legend ordering)

src/util/colorScale.js

@@ -8,6 +8,7 @@ import { getExtraVals } from "./colorHelpers";
 import { isColorByGenotype, decodeColorByGenotype } from "./getGenotype";
 import { setGenotype, orderOfGenotypeAppearance } from "./setGenotype";
 import { getTraitFromNode } from "./treeMiscHelpers";
+import { sortedDomain } from "./sortedDomain";
 
 const unknownColor = "#AAAAAA";
 
@@ -39,13 +40,7 @@ const getDiscreteValuesFromTree = (nodes, nodesToo, attr) => {
       stateCount.set(state, currentCount+1);
     }
   }
-  const domain = Array.from(stateCount.keys()).filter((x) => isValueValid(x));
-  /* sorting technique depends on the colorBy */
-  if (attr === "clade_membership") {
-    domain.sort();
-  } else {
-    domain.sort((a, b) => stateCount[a] > stateCount[b] ? 1 : -1);
-  }
+  const domain = sortedDomain(Array.from(stateCount.keys()).filter((x) => isValueValid(x)), attr, stateCount);
   return domain;
 };
 

src/util/sortedDomain.js

@@ -0,0 +1,15 @@
+export const sortedDomain = (domain, attr, stateCount) => {
+  /* sorting technique depends on the colorBy */
+  const sorted = Array.from(domain);
+  if (attr === "clade_membership") {
+    sorted.sort();
+  } else {
+    sorted.sort(
+      (a, b) =>
+        stateCount.get(a) === stateCount.get(b)
+          ? a < b ? -1 : 1
+          : stateCount.get(a) > stateCount.get(b) ? -1 : 1
+    );
+  }
+  return sorted;
+};