Implement #3630

Author: kkartunov

src/shared/containers/EDU/partials/TrackInfoInner.jsx

@@ -15,7 +15,9 @@ export default function TrackInfoInner(props) {
         taxonomy[track] ? (
           <div className={theme.trackSubs}>
             {
-              _.map(taxonomy[track], tax => <a href={`${config.TC_EDU_BASE_PATH}${config.TC_EDU_TRACKS_PATH}?${qs.stringify({ track, tax: tax.name })}`} key={`${track}:${tax.name}`}>{tax.name}</a>)
+              _.map(
+                _.sortBy(taxonomy[track], ['name']), tax => <a href={`${config.TC_EDU_BASE_PATH}${config.TC_EDU_TRACKS_PATH}?${qs.stringify({ track, tax: tax.name })}`} key={`${track}:${tax.name}`}>{tax.name}</a>,
+              )
             }
           </div>
         ) : null

src/shared/utils/contentful.js

@@ -113,14 +113,17 @@ export function menuItemBuilder(baseUrl, item) {
 export function tracksTreeBuilder(EDUTaxonomy, query) {
   const tax = _.isArray(query.tax) ? query.tax : [query.tax];
   let id = 0;
-  return _.map(EDUTaxonomy, (categories, track) => ({
-    title: track,
-    id: id++,
-    items: _.map(categories, cat => ({
-      title: cat.name, id: id++, items: [], track, selected: _.indexOf(tax, cat.name) !== -1,
+  return _.sortBy(
+    _.map(EDUTaxonomy, (categories, track) => ({
+      title: track,
+      id: id++,
+      items: _.sortBy(_.map(categories, cat => ({
+        title: cat.name, id: id++, items: [], track, selected: _.indexOf(tax, cat.name) !== -1,
+      })), ['title']),
+      selected: query.track === track,
     })),
-    selected: query.track === track,
-  }));
+    ['title'],
+  );
 }
 
 export default undefined;