New: Use natural sorting for lists of items in the UI

Closes #6955
2026-04-22 22:16:13 -04:00 · 2024-07-16 21:34:43 -07:00
parent e35b39b4b1
commit 1a1c8e6c08
29 changed files with 83 additions and 57 deletions
@@ -20,7 +20,8 @@ function calcOrder(profileFormatItems) {
    if (b.score !== a.score) {
      return b.score - a.score;
    }
-    return a.name > b.name ? 1 : -1;
+
+    return a.localeCompare(b.name, undefined, { numeric: true });
  }).map((x) => items[x.format]);
 }

@@ -4,12 +4,12 @@ import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { cloneQualityProfile, deleteQualityProfile, fetchQualityProfiles } from 'Store/Actions/settingsActions';
 import createSortedSectionSelector from 'Store/Selectors/createSortedSectionSelector';
-import sortByName from 'Utilities/Array/sortByName';
+import sortByProp from 'Utilities/Array/sortByProp';
 import QualityProfiles from './QualityProfiles';

 function createMapStateToProps() {
  return createSelector(
-    createSortedSectionSelector('settings.qualityProfiles', sortByName),
+    createSortedSectionSelector('settings.qualityProfiles', sortByProp('name')),
    (qualityProfiles) => qualityProfiles
  );
 }