Sorting and new template changes

Author: AttAditya

src/utils/api.js

@@ -10,8 +10,14 @@ export const useApi = () => {
 
     for (const item of tree) {
       if (item.mode !== "040000") continue;
+
+      const sectionParts = item.path.split("_");
+      const sectionOrder = sectionParts.shift();
+      const sectionName = sectionParts.join(" ");
+
       sections[item.path] = {
-        title: item.path,
+        title: sectionName,
+        order: sectionOrder,
         items: [],
       };
     }
@@ -23,17 +29,31 @@ export const useApi = () => {
       if (pathParts.length < 2) continue;
 
       const sectionName = pathParts.shift();
-      const topicName = pathParts.join("/").replace(".md", "");
+      const topic = pathParts.join("/").replace(".md", "");
+
+      const topicParts = topic.split("_");
+      const topicOrder = topicParts.shift();
+      const topicName = topicParts.join(" ");
 
       sections[sectionName].items.push({
         value: topicName,
         label: topicName,
         path: item.path,
         url: item.url,
+        order: topicOrder,
       });
     }
 
-    return Object.values(sections);
+    const topics = Object.values(sections).map(section => ({
+      ...section,
+      items: section.items.sort(
+        (a, b) => parseInt(a.order) - parseInt(b.order)
+      ),
+    }));
+
+    return topics.sort(
+      (a, b) => parseInt(a.order) - parseInt(b.order)
+    );
   }, []);
 
   const getContent = useCallback(async (topicUrl, successCallback) => {