fix gender display

uwcirg · Oct 30, 2024 · 6ede57b · 6ede57b
1 parent 4b53743
commit 6ede57b
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/ui-client/src/components/Visualize/Gender.tsx b/src/ui-client/src/components/Visualize/Gender.tsx
@@ -52,7 +52,9 @@ export class Gender extends React.PureComponent<Props, State> {
     const w = width > this.maxWidth ? this.maxWidth : width;
 
     if (!counts) return <div style={{margin: "24px"}}>No data available</div>;
-    let data = Object.entries(counts)
+    const sorted = Object.entries(counts)
+      .sort((a, b) => a[0].localeCompare(b[0]));
+    let data = sorted
       .map(([key, value]) => ({ key, value }))
       .sort((a, b) => (a.value > b.value ? 0 : 1));
     const len = data.length;