fix: Sort data layers by title

techmatters · May 9, 2024 · 3c643b1 · 3c643b1
1 parent 6432166
commit 3c643b1
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/storyMap/components/StoryMapForm/DataLayerDialog.js b/src/storyMap/components/StoryMapForm/DataLayerDialog.js
@@ -50,6 +50,10 @@ const DataLayerDialog = props => {
     [dataLayers]
   );
 
+  const sortedDataLayers = useMemo(() => {
+    return _.sortBy([dataLayer => dataLayer.title?.toLowerCase()], dataLayers);
+  }, [dataLayers]);
+
   useFetchData(fetchDataLayers);
 
   const onConfirmWrapper = useCallback(() => {
@@ -100,7 +104,7 @@ const DataLayerDialog = props => {
               onChange={event => setSelected(event.target.value)}
             >
               <List>
-                {dataLayers.map(dataLayer => (
+                {sortedDataLayers.map(dataLayer => (
                   <ListItem
                     key={dataLayer.id}
                     sx={theme => ({