Fix sorting on geo scale

Should go Global, Regional, National, Sub-national
GFDRR · Jun 14, 2024 · cb3c991 · cb3c991
1 parent 94abca7
commit cb3c991
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/scripts/dist/bundle.js b/scripts/dist/bundle.js
diff --git a/scripts/src/components/rdl-geographical-scale-filter.js b/scripts/src/components/rdl-geographical-scale-filter.js
@@ -4,6 +4,12 @@ import {chain, omit, defaults} from 'lodash'
 import TmplListGroupItem from '../templates/list-group-item'
 import {setContent, slugify, collapseListGroup} from '../util'
 
+const ORDER = [
+  'Global',
+  'Regional',
+  'National',
+  'Sub-national',
+]
 
 function prep_geographical_scale(geographicalScale, params, datasetsForGeographicalScales) {
   const geographicalScaleSlug = slugify(geographicalScale)
@@ -32,7 +38,11 @@ export default class {
       }
     })
 
-    const geographicalScalesMarkup = consolidated.map(TmplListGroupItem)
+    const geographicalScalesMarkup = consolidated.sort((a,b) => {
+      const aIndex = ORDER.findIndex((title) => title === a.title);
+      const bIndex = ORDER.findIndex((title) => title === b.title);
+      return aIndex - bIndex;
+    }).map(TmplListGroupItem)
     setContent(opts.el, geographicalScalesMarkup)
     collapseListGroup(opts.el)
   }